diff --git a/thrimbletrimmer/src/common/video.scss b/thrimbletrimmer/src/common/video.scss
index 594fdc4..33f6883 100644
--- a/thrimbletrimmer/src/common/video.scss
+++ b/thrimbletrimmer/src/common/video.scss
@@ -1,15 +1,14 @@
-// Used to make the controls appear below the video player
 media-player {
 	flex-direction: column;
-}
-
-media-provider,
-media-captions,
-video {
 	max-width: 100%;
 	max-height: 50vh;
 }
 
+// This level of specificity is required to override player CSS
+#root > media-player > media-provider {
+	align-items: normal;
+}
+
 // Used to make the controls appear below the video player
 media-player:not([data-fullscreen]) media-controls {
 	position: relative;