diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 0d9cde1946..ad80b0d524 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -335,6 +335,7 @@ export class HaMediaPlayerBrowse extends LitElement {
.item=${child}
graphic="avatar"
hasMeta
+ dir=${computeRTLDirection(this.hass)}
>
- ${child.title}
+ ${child.title}
`
@@ -620,6 +621,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;
}
@@ -728,6 +730,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 33cd43dd0c..a58243857e 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 0c45026e81..d19cebe0ee 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`