diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index 9d8d53ee8..ba6a79719 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -30,7 +30,8 @@
     }
 
     .content {
-        height: 60%;
+        min-height: 60%;
+        max-height: 60%;
 
         .videos {
             overflow-y: auto;
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index 514db97c2..e8434fd22 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -171,7 +171,7 @@ html:not(.active-slider-within) {
             left: initial;
             bottom: initial;
             max-width: 30%;
-            height: 100vh;
+            height: 100dvh;
             border-top-left-radius: var(--border-radius);
             border-bottom-left-radius: var(--border-radius);
             background-color: var(--modal-background-color);