diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index cfe3533b6..33d77e62c 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -40,8 +40,8 @@ $other-videos-width: 260px;
   }
 
   /deep/ .video-js {
-    width: 888px;
-    height: 500px;
+    width: calc(66vh * 1.77);
+    height: 66vh;
 
     &.vjs-theater-enabled {
       height: calc(100vh - #{$header-height} - #{$theater-bottom-space});