diff --git a/ui/js/component/video/view.jsx b/ui/js/component/video/view.jsx
index 0a8410372..fb1bd3420 100644
--- a/ui/js/component/video/view.jsx
+++ b/ui/js/component/video/view.jsx
@@ -80,7 +80,7 @@ class Video extends React.PureComponent {
       loadStatusMessage = __("Downloading stream... not long left now!");
     }
 
-    let klasses = ["card"];
+    let klasses = [];
     klasses.push(obscureNsfw ? "video--obscured " : "");
     if (isLoading || isDownloading) klasses.push("video-embedded", "video");
     if (mediaType === "video") {
diff --git a/ui/js/page/file/view.jsx b/ui/js/page/file/view.jsx
index 3eaba8977..750f36db8 100644
--- a/ui/js/page/file/view.jsx
+++ b/ui/js/page/file/view.jsx
@@ -63,44 +63,42 @@ class FilePage extends React.PureComponent {
       mediaType === "audio";
 
     return (
-      <div>
-        <section className="show-page-media">
+      <section className={"card " + (obscureNsfw ? "card--obscured " : "")}>
+        <div className="show-page-media">
           {isPlayable
             ? <Video className="video-embedded" uri={uri} />
             : metadata && metadata.thumbnail
               ? <Thumbnail src={metadata.thumbnail} />
               : <Thumbnail />}
-        </section>
-        <section className={"card " + (obscureNsfw ? "card--obscured " : "")}>
-          <div className="card__inner">
-            {(!tab || tab === "details") &&
-              <div>
-                {" "}          {" "}
-                <div className="card__title-identity">
-                  {!fileInfo || fileInfo.written_bytes <= 0
-                    ? <span style={{ float: "right" }}>
-                        <FilePrice uri={lbryuri.normalize(uri)} />
-                        {isRewardContent &&
-                          <span>{" "}<Icon icon={icons.FEATURED} /></span>}
-                      </span>
-                    : null}
-                  <h1>{title}</h1>
-                  <div className="card__subtitle">
-                    <UriIndicator uri={uri} link={true} />
-                    <span className="divider__vertical">&bull;</span>
-                    <span>
-                      Published on{" "}
-                      <DateTime block={height} show={DateTime.SHOW_DATE} />
+        </div>
+        <div className="card__inner">
+          {(!tab || tab === "details") &&
+            <div>
+              {" "}          {" "}
+              <div className="card__title-identity">
+                {!fileInfo || fileInfo.written_bytes <= 0
+                  ? <span style={{ float: "right" }}>
+                      <FilePrice uri={lbryuri.normalize(uri)} />
+                      {isRewardContent &&
+                        <span>{" "}<Icon icon={icons.FEATURED} /></span>}
                     </span>
-                  </div>
+                  : null}
+                <h1>{title}</h1>
+                <div className="card__subtitle">
+                  <UriIndicator uri={uri} link={true} />
+                  <span className="divider__vertical">&bull;</span>
+                  <span>
+                    Published on{" "}
+                    <DateTime block={height} show={DateTime.SHOW_DATE} />
+                  </span>
                 </div>
-                <FileDetails uri={uri} />
-              </div>}
-            {tab === "tip" &&
-              <WalletSendTip claim_id={claim.claim_id} uri={uri} />}
-          </div>
-        </section>
-      </div>
+              </div>
+              <FileDetails uri={uri} />
+            </div>}
+          {tab === "tip" &&
+            <WalletSendTip claim_id={claim.claim_id} uri={uri} />}
+        </div>
+      </section>
     );
   }
 }
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 6cf012c3c..1de1e4494 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -44,7 +44,7 @@
   text-overflow: ellipsis;
 }
 .card__title-identity {
-  margin: $spacing-vertical * 1/2 0;
+  margin: 16px 0;
 }
 .card__actions {
   margin-top: var(--card-margin);
diff --git a/ui/scss/page/_show.scss b/ui/scss/page/_show.scss
index d52f28381..88ec2b7dd 100644
--- a/ui/scss/page/_show.scss
+++ b/ui/scss/page/_show.scss
@@ -1,6 +1,7 @@
 .show-page-media {
   text-align: center;
-  margin-bottom: $spacing-vertical;
+  margin-bottom: 16px;
+  overflow: auto;
   img {
     max-width: 100%;
   }
@@ -9,4 +10,4 @@
     width: 100%;
     min-height: 500px;
   }
-}
\ No newline at end of file
+}