diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index ba6a79719..2c7a45ffb 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -2,7 +2,9 @@
 
 @import (reference) '~stremio/common/screen-sizes.less';
 
-@seasons-bar-height: 5rem;
+@seasons-bar-height: 6rem;
+@padding: 1rem;
+@videos-height: 60%;
 
 .overlay {
     display: none;
@@ -23,19 +25,55 @@
     display: flex;
     flex-direction: column;
     justify-content: space-around;
+    padding: @padding;
+    height: 100dvh;
+    max-width: 30%;
+    overflow-y: auto;
 
     .info {
-        padding: 1rem;
+        padding: @padding;
         overflow-y: auto;
     }
 
     .content {
-        min-height: 60%;
-        max-height: 60%;
+        min-height: @videos-height;
+        max-height: @videos-height;
 
         .videos {
             overflow-y: auto;
             height: calc(100% - @seasons-bar-height);
         }
     }
-}
\ No newline at end of file
+}
+
+@media screen and (max-width: @small) {
+    .side-drawer {
+        max-width: 40%;
+    }
+}
+
+@media (orientation: portrait) and (max-width: @xsmall) {
+    .side-drawer {
+        max-width: 90%;
+    }
+}
+
+@media (orientation: landscape) and (max-width: @xsmall) {
+    .side-drawer {
+        max-width: 50%;
+
+        .content {
+            min-height: calc(@videos-height * 1.2);
+            max-height: calc(@videos-height * 1.2);
+        }
+    }
+}
+@media screen and (max-width: @xxsmall) {
+    .side-drawer {
+        padding: calc(@padding / 2);
+
+        .info {
+            padding: calc(@padding / 2);
+        }
+    }
+}
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index e8434fd22..cb85d3354 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -170,37 +170,21 @@ html:not(.active-slider-within) {
             right: 0;
             left: initial;
             bottom: initial;
-            max-width: 30%;
-            height: 100dvh;
             border-top-left-radius: var(--border-radius);
             border-bottom-left-radius: var(--border-radius);
             background-color: var(--modal-background-color);
             box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40),
                         0 1.1rem 0.85rem var(--color-background-dark5-20);
             backdrop-filter: blur(15px);
-            overflow-y: auto;
-            z-index: 1;
-            padding: 1rem;
             transition: transform 0.3s ease-in-out;
             transform: translateX(100%);
             pointer-events: none;
+            z-index: 1;
 
             &.open {
                 transform: translateX(0);
                 pointer-events: all;
             }
-
-            @media screen and (max-width: @small) {
-                max-width: 40%;
-            }
-
-            @media (orientation: landscape) and (max-width: @xsmall) {
-                max-width: 50%;
-            }
-
-            @media (orientation: portrait) and (max-width: @xsmall) {
-                max-width: 90%;
-            }
         }
     }
 }
\ No newline at end of file