diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index be3d0af09..2d2178c3e 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -84,7 +84,7 @@
     }
 }
 
-@media (orientation: portrait) and (max-width: @xsmall) {
+@media @phone-portrait {
     .side-drawer {
         max-width: 100dvw;
 
@@ -94,12 +94,12 @@
     }
 }
 
-@media (orientation: landscape) and (max-width: @xsmall) {
+@media @phone-landscape {
     .side-drawer {
         max-width: 50dvw;
 
         .info {
-            max-height: 30dvh;
+            flex: 1;
         }
     }
 }