diff --git a/src/app/pages/dashboard/player/player.component.scss b/src/app/pages/dashboard/player/player.component.scss
index 9fa362d3..b8b6b49d 100644
--- a/src/app/pages/dashboard/player/player.component.scss
+++ b/src/app/pages/dashboard/player/player.component.scss
@@ -192,7 +192,7 @@
     }
   }
 
-  @include media-breakpoint-down(lg) {
+  @include media-breakpoint-down(xl) {
     border: none;
 
     .header {
@@ -259,7 +259,7 @@
       .controls {
         margin: 0;
 
-        .prev, .shuffle, .repeat {
+        .prev, .shuffle, .loop {
           display: none;
         }
 
@@ -278,4 +278,19 @@
       }
     }
   }
+
+  @include media-breakpoint-between(xxl, xxxl) {
+    .controls {
+      margin: 0.875rem -1rem;
+      justify-content: space-around;
+    }
+
+    .volume {
+      margin: 0 -1rem;
+
+      i {
+        margin: 0.25rem;
+      }
+    }
+  }
 }