diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 773b95edb8..b4a3d3e69d 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -720,9 +720,9 @@ progress {
         opacity: 0.5;
     }
 
-    #nowPlayingBar .highPosition:hover:not(.barBackground ) {
-        opacity: 0.9;
-    }
+        #nowPlayingBar .highPosition:hover:not(.barBackground ) {
+            opacity: 0.9;
+        }
 
     #nowPlayingBar .barBackground {
         border-top: 2px solid #D7742B;
@@ -886,16 +886,20 @@ input[type="range"]::-ms-fill-upper {
 
 
 @media all and (max-width: 600px) {
-    .volumeButton, .volumeSlider, .nowPlayingText {
+    .volumeButton, .volumeSlider, .nowPlayingText, .chaptersButton, .audioTracksButton {
         display: none!important;
     }
 
+    #nowPlayingBar > *:not(#mediaElement):not(.mediaFlyoutContainer):not(.barBackground ) {
+        margin: 0 .5em;
+    }
+
     .positionSlider {
         width: 50px;
     }
 
     .itemVideo:not(.fullscreenVideo) {
-        left: -300px;
+        left: -250px;
     }
 }