diff --git a/src/renderer/scss/component/_card.scss b/src/renderer/scss/component/_card.scss
index b2c964fc5..a504fc232 100644
--- a/src/renderer/scss/component/_card.scss
+++ b/src/renderer/scss/component/_card.scss
@@ -27,17 +27,17 @@
     padding-top: var(--video-aspect-ratio);
   }
 
+  .card__media-text {
+    // for the weird padding required for dynamic height
+    // this lets the text sit in the middle instead of the bottom
+    margin-top: calc(var(--video-aspect-ratio) * -1);
+  }
+
   .channel-name {
     font-size: 12px;
   }
 }
 
-.card__media-text {
-  // for the weird padding required for dynamic height
-  // this lets the text sit in the middle instead of the bottom
-  margin-top: calc(var(--video-aspect-ratio) * -1);
-}
-
 .card--link {
   cursor: pointer;
 }
diff --git a/src/renderer/scss/component/_content.scss b/src/renderer/scss/component/_content.scss
index 6fe2194ee..4a245129a 100644
--- a/src/renderer/scss/component/_content.scss
+++ b/src/renderer/scss/component/_content.scss
@@ -90,6 +90,10 @@
   &.content__empty--nsfw {
     background-color: var(--color-nsfw);
   }
+
+  .card__media-text {
+    margin-top: calc(var(--video-aspect-ratio) * -1);
+  }
 }
 
 img {