diff --git a/src/renderer/less/directives.less b/src/renderer/less/directives.less
index 645978e8..2749173d 100644
--- a/src/renderer/less/directives.less
+++ b/src/renderer/less/directives.less
@@ -15,4 +15,8 @@
             }
         }
     }
+
+    .app-sidebar-footer--controls {
+        display: none!important;
+    }
 }
\ No newline at end of file
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index d3448e4d..2009389c 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -1,22 +1,22 @@
 <div class="app-chrome chrome-bottom" v-if="getThemeDirective('windowLayout') == 'twopanel'" :style="{'display': chrome.topChromeVisible ? '' : 'none'}">
     <div class="app-chrome--left">
-        <div class="app-chrome-item display--large">
+        <div class="app-chrome-item">
             <button class="playback-button--small shuffle" v-if="mk.shuffleMode == 0"
                     @click="mk.shuffleMode = 1"></button>
             <button class="playback-button--small shuffle active" v-else
                     @click="mk.shuffleMode = 0"></button>
         </div>
-        <div class="app-chrome-item display--large">
+        <div class="app-chrome-item">
             <button class="playback-button previous" @click="prevButton()"></button>
         </div>
-        <div class="app-chrome-item display--large">
+        <div class="app-chrome-item">
             <button class="playback-button pause" @click="mk.pause()" v-if="mk.isPlaying"></button>
             <button class="playback-button play" @click="mk.play()" v-else></button>
         </div>
-        <div class="app-chrome-item display--large">
+        <div class="app-chrome-item">
             <button class="playback-button next" @click="skipToNextItem()"></button>
         </div>
-        <div class="app-chrome-item display--large">
+        <div class="app-chrome-item">
             <button class="playback-button--small repeat" v-if="mk.repeatMode == 0"
                     @click="mk.repeatMode = 1"></button>
             <button class="playback-button--small repeat repeatOne" @click="mk.repeatMode = 2"
@@ -89,7 +89,7 @@
         </div>
     </div>
     <div class="app-chrome--right">
-        <div class="app-chrome-item volume display--large">
+        <div class="app-chrome-item volume">
             <button class="volume-button--small volume" @click="muteButtonPressed()"
                     :class="{'active': this.cfg.audio.volume == 0}"></button>
             <input type="range" @wheel="volumeWheel" :step="cfg.audio.volumeStep" min="0" :max="cfg.audio.maxVolume"
diff --git a/src/renderer/views/app/sidebar.ejs b/src/renderer/views/app/sidebar.ejs
index 923b540d..deaf7bba 100644
--- a/src/renderer/views/app/sidebar.ejs
+++ b/src/renderer/views/app/sidebar.ejs
@@ -126,7 +126,7 @@
             </div>
         </div>
     </transition>
-    <div class="app-sidebar-footer display--small">
+    <div class="app-sidebar-footer display--small app-sidebar-footer--controls">
 
         <div class="app-playback-controls " v-if="mkReady()"
              @contextmenu="nowPlayingContextMenu">