From 9573026fdd3fcfe6061871bf5e1f87e19cdb2ffe Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 5 Apr 2023 09:39:30 -0400
Subject: [PATCH] fix: Move comments empty state text to fixed position

---
 app/scenes/Document/components/Comments.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/scenes/Document/components/Comments.tsx b/app/scenes/Document/components/Comments.tsx
index 13958a811..90c93534c 100644
--- a/app/scenes/Document/components/Comments.tsx
+++ b/app/scenes/Document/components/Comments.tsx
@@ -59,7 +59,7 @@ function Comments() {
             ))
           ) : (
             <NoComments align="center" justify="center" auto>
-              <Empty>{t("No comments yet")}</Empty>
+              <PositionedEmpty>{t("No comments yet")}</PositionedEmpty>
             </NoComments>
           )}
         </Wrapper>
@@ -80,6 +80,12 @@ function Comments() {
   );
 }
 
+const PositionedEmpty = styled(Empty)`
+  position: absolute;
+  top: calc(50vh - 30px);
+  transform: translateY(-50%);
+`;
+
 const NoComments = styled(Flex)`
   padding-bottom: 65px;
   height: 100%;