diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 8f54e1204c4f..ea2b89a78754 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -334,6 +334,7 @@ export class HaMediaPlayerBrowse extends LitElement {
.item=${child}
graphic="avatar"
hasMeta
+ dir=${computeRTLDirection(this.hass)}
>
- ${child.title}
+ ${child.title}
`
@@ -618,6 +619,7 @@ export class HaMediaPlayerBrowse extends LitElement {
mwc-list {
--mdc-list-vertical-padding: 0;
+ --mdc-list-item-graphic-margin: 0;
--mdc-theme-text-icon-on-background: var(--secondary-text-color);
margin-top: 10px;
}
@@ -726,6 +728,14 @@ export class HaMediaPlayerBrowse extends LitElement {
background-color: transparent;
}
+ mwc-list-item .title {
+ margin-left: 16px;
+ }
+ mwc-list-item[dir="rtl"] .title {
+ margin-right: 16px;
+ margin-left: 0;
+ }
+
/* ============= Narrow ============= */
:host([narrow]) {
diff --git a/src/panels/media-browser/ha-panel-media-browser.ts b/src/panels/media-browser/ha-panel-media-browser.ts
index 33cd43dd0cc8..a58243857e4b 100644
--- a/src/panels/media-browser/ha-panel-media-browser.ts
+++ b/src/panels/media-browser/ha-panel-media-browser.ts
@@ -64,14 +64,12 @@ class PanelMediaBrowser extends LitElement {
"ui.components.media-browser.media-player-browser"
)}
-
-
-
+
+
+ ${this.hass.localize(
+ "ui.components.media-browser.choose_player"
+ )}
+
diff --git a/src/panels/media-browser/hui-dialog-select-media-player.ts b/src/panels/media-browser/hui-dialog-select-media-player.ts
index 0c45026e81fe..d19cebe0eebd 100644
--- a/src/panels/media-browser/hui-dialog-select-media-player.ts
+++ b/src/panels/media-browser/hui-dialog-select-media-player.ts
@@ -40,8 +40,6 @@ export class HuiDialogSelectMediaPlayer extends LitElement {
return html`