diff --git a/styles/scss/layout.scss b/styles/scss/layout.scss
index 12234b9b..271a8437 100644
--- a/styles/scss/layout.scss
+++ b/styles/scss/layout.scss
@@ -63,15 +63,19 @@
     height: 100%;
   }
 
+  .video-react-video-container {
+    max-height: inherit;
+    height: inherit;
+    display: inline-block;
+  }
 
   // Playback technology elements expand to the width/height of the containing div
   // <video> or <object>
   .video-react-video {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+    object-fit: contain;
+    max-height: inherit;
+    height: inherit;
+    max-width: 100%;
   }
 
   &.video-react-fullscreen {