2 files changed, 5 insertions, 21 deletions
diff --git a/src/sass/lib/mixins.scss b/src/sass/lib/mixins.scss
index cbb8cc78..d1bc4b3e 100644
--- a/src/sass/lib/mixins.scss
+++ b/src/sass/lib/mixins.scss
@@ -59,17 +59,6 @@
     height: 100%;
   }
 
-  .plyr__video-wrapper {
-    height: 100%;
-    position: static;
-  }
-
-  // Vimeo requires some different styling
-  &.plyr--vimeo .plyr__video-wrapper {
-    height: 0;
-    position: relative;
-  }
-
   // Display correct icon
   .plyr__control .icon--exit-fullscreen {
     display: block;
diff --git a/src/sass/types/video.scss b/src/sass/types/video.scss
index fe7d8b37..e0de7acc 100644
--- a/src/sass/types/video.scss
+++ b/src/sass/types/video.scss
@@ -14,7 +14,6 @@
 
 .plyr__video-wrapper {
   background: var(--plyr-video-background, $plyr-video-background);
-  height: 100%;
   margin: auto;
   overflow: hidden;
   position: relative;
@@ -45,17 +44,13 @@ $embed-padding: ((100 / 16) * 9);
   width: 100%;
 }
 
-// If the full custom UI is supported
-.plyr--full-ui .plyr__video-embed {
+// For Vimeo, if the full custom UI is supported
+.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
   $height: 240;
   $offset: to-percentage(($height - $embed-padding) / ($height / 50));
-
-  // Only used for Vimeo
-  > .plyr__video-embed__container {
-    padding-bottom: to-percentage($height);
-    position: relative;
-    transform: translateY(-$offset);
-  }
+  padding-bottom: to-percentage($height);
+  position: relative;
+  transform: translateY(-$offset);
 }
 
 // Controls container