Fix

Author: timmo001

src/panels/media-browser/ha-bar-media-player.ts

@@ -560,8 +560,10 @@ export class BarMediaPlayer extends SubscribeMixin(LitElement) {
         var(--card-background-color, white)
       );
       border-top: 1px solid var(--divider-color);
-      margin-bottom: var(--safe-area-inset-bottom, 0px);
-      margin-right: var(--safe-area-inset-right, 0px);
+      margin-right: var(--safe-area-inset-right);
+    }
+    :host([narrow]) {
+      margin-left: var(--safe-area-inset-left);
     }
 
     mwc-linear-progress {

src/panels/media-browser/ha-panel-media-browser.ts

@@ -376,7 +376,21 @@ class PanelMediaBrowser extends LitElement {
 
         ha-bar-media-player {
           position: fixed;
-          width: var(--mdc-top-app-bar-width, 100%);
+          bottom: var(--safe-area-inset-bottom, 0px);
+          width: calc(
+            var(--mdc-top-app-bar-width, 100%) - var(
+                --safe-area-inset-right,
+                0px
+              )
+          );
+        }
+        :host([narrow]) ha-bar-media-player {
+          width: calc(
+            var(--mdc-top-app-bar-width, 100%) - var(
+                --safe-area-inset-left,
+                0px
+              ) - var(--safe-area-inset-right, 0px)
+          );
         }
       `,
     ];