diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 1439981af..fdff6eb9f 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -1889,7 +1889,6 @@ button.icon-button.active i.fa-retweet {
   }
 }
 
-.media-spoiler,
 .video-error-cover {
   align-items: center;
   background: $color8;
@@ -1905,6 +1904,20 @@ button.icon-button.active i.fa-retweet {
   z-index: 100;
 }
 
+.media-spoiler {
+  align-items: center;
+  background: $color8;
+  color: $color5;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: center;
+  position: relative;
+  text-align: center;
+  z-index: 100;
+}
+
 .media-spoiler__warning {
   display: block;
   font-size: 14px;