diff --git a/ui/component/postViewer/view.jsx b/ui/component/postViewer/view.jsx
index 5cb3fe111..02e280fb3 100644
--- a/ui/component/postViewer/view.jsx
+++ b/ui/component/postViewer/view.jsx
@@ -104,8 +104,10 @@ function PostViewer(props: Props) {
 
       <ClaimAuthor uri={uri} />
 
-      <FileRenderInitiator uri={uri} />
-      <FileRenderInline uri={uri} />
+      <div className="file-render--post-container">
+        <FileRenderInitiator uri={uri} />
+        <FileRenderInline uri={uri} />
+      </div>
       <FileActions uri={uri} />
     </div>
   );
diff --git a/ui/component/viewers/documentViewer.jsx b/ui/component/viewers/documentViewer.jsx
index 8bd17f153..90b3ef1ab 100644
--- a/ui/component/viewers/documentViewer.jsx
+++ b/ui/component/viewers/documentViewer.jsx
@@ -86,13 +86,12 @@ class DocumentViewer extends React.PureComponent<Props, State> {
   }
 
   render() {
-    const { error, loading, content } = this.state;
+    const { error, content } = this.state;
     const isReady = content && !error;
     const errorMessage = __("Sorry, looks like we can't load the document.");
 
     return (
       <div className="file-viewer file-viewer--document">
-        {loading && !error && <div className="placeholder--text-document" />}
         {error && <LoadingScreen status={errorMessage} spinner={!error} />}
         {isReady && this.renderDocument()}
       </div>
diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index 14226fba5..60d64bc99 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -105,6 +105,10 @@
   aspect-ratio: 16 / 9;
 }
 
+.file-render--post-container {
+  min-height: 30vh;
+}
+
 .file-render__header {
   display: flex;
   justify-content: space-between;
diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index 698fef3f2..e4814d29a 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -95,9 +95,23 @@
     }
   }
 
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
   .file-page__post-comments {
     margin-top: var(--spacing-l);
 
+    opacity: 0;
+    animation: fadeIn 2s;
+    animation-delay: 2s;
+    animation-fill-mode: forwards;
+
     @media (min-width: $breakpoint-small) {
       padding: var(--spacing-m);
     }