diff --git a/app/javascript/mastodon/components/video_player.js b/app/javascript/mastodon/components/video_player.js
index 2c834fb66..2a2d91c33 100644
--- a/app/javascript/mastodon/components/video_player.js
+++ b/app/javascript/mastodon/components/video_player.js
@@ -146,29 +146,29 @@ export default class VideoPlayer extends React.PureComponent {
if (!this.state.visible) {
if (sensitive) {
return (
-
+
+
);
} else {
return (
-
+
+
);
}
}
if (this.state.preview && !autoplay) {
return (
-
+
);
}
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 7fd16f6b3..75485d6b6 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -2347,22 +2347,6 @@ button.icon-button.active i.fa-retweet {
height: 100%;
}
-.media-spoiler__video {
- align-items: center;
- background: $base-overlay-background;
- color: $primary-text-color;
- cursor: pointer;
- display: flex;
- flex-direction: column;
- border: 0;
- width: 100%;
- height: 100%;
- justify-content: center;
- position: relative;
- text-align: center;
- z-index: 100;
-}
-
.media-spoiler__warning {
display: block;
font-size: 14px;
@@ -3821,6 +3805,8 @@ button.icon-button.active i.fa-retweet {
cursor: pointer;
margin-top: 8px;
position: relative;
+ border: 0;
+ display: block;
}
.media-spoiler-video-play-icon {