diff --git a/src/components/Video/Video.module.scss b/src/components/Video/Video.module.scss
index c7986c998..e5b8b1ff7 100644
--- a/src/components/Video/Video.module.scss
+++ b/src/components/Video/Video.module.scss
@@ -215,7 +215,7 @@
   top: 0;
   left: 0;
   width: 100vw;
-  height: 100vh;
+  height: calc(100vh - calc(100vh - 100%));
   overflow: hidden;
   background-color: variables.$black;
 }
@@ -228,7 +228,7 @@
   justify-content: center;
   align-items: center;
   width: 100vw;
-  height: 100vh;
+  height: calc(100vh - calc(100vh - 100%));
 }
 
 .playerOverlay {
diff --git a/src/containers/Cinema/Cinema.module.scss b/src/containers/Cinema/Cinema.module.scss
index 6851e3444..5fca536b8 100644
--- a/src/containers/Cinema/Cinema.module.scss
+++ b/src/containers/Cinema/Cinema.module.scss
@@ -2,6 +2,6 @@
   &.fill {
     display: flex;
     width: 100vw;
-    height: 100vh;
+    height: calc(100vh - calc(100vh - 100%));
   }
 }
diff --git a/src/screens/Movie/Movie.tsx b/src/screens/Movie/Movie.tsx
index aee8bc612..26d6efda3 100644
--- a/src/screens/Movie/Movie.tsx
+++ b/src/screens/Movie/Movie.tsx
@@ -68,9 +68,9 @@ const Movie = ({
   };
 
   useEffect(() => {
-    if (play) document.body.style.overflowY = 'hidden';
+    document.body.style.overflowY = play ? 'hidden' : '';
     return () => {
-      if (play) document.body.style.overflowY = '';
+      document.body.style.overflowY = '';
     };
   }, [play]);