diff --git a/src/panels/media-browser/ha-bar-media-player.ts b/src/panels/media-browser/ha-bar-media-player.ts
index 0c760dadee..1a2f67d0e7 100644
--- a/src/panels/media-browser/ha-bar-media-player.ts
+++ b/src/panels/media-browser/ha-bar-media-player.ts
@@ -448,6 +448,7 @@ class BarMediaPlayer extends LitElement {
 
       .controls {
         height: 48px;
+        padding-bottom: 4px;
       }
 
       .controls-progress {
@@ -501,6 +502,7 @@ class BarMediaPlayer extends LitElement {
 
       :host([narrow]) .controls {
         display: flex;
+        padding-bottom: 0;
       }
 
       :host([narrow]) .choose-player {