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%;