diff --git a/src/panels/media-browser/ha-panel-media-browser.ts b/src/panels/media-browser/ha-panel-media-browser.ts
index f0481bd0fd3c..142a7a7ff86a 100644
--- a/src/panels/media-browser/ha-panel-media-browser.ts
+++ b/src/panels/media-browser/ha-panel-media-browser.ts
@@ -2,6 +2,7 @@ import {
mdiGrid,
mdiListBoxOutline,
mdiArrowLeft,
+ mdiAlphaABoxOutline,
mdiDotsVertical,
} from "@mdi/js";
import { ActionDetail } from "@material/mwc-list";
@@ -122,6 +123,16 @@ class PanelMediaBrowser extends LitElement {
.label=${this.hass.localize("ui.common.menu")}
.path=${mdiDotsVertical}
>
+
+ ${this.hass.localize("ui.components.media-browser.auto")}
+
+
${this.hass.localize("ui.components.media-browser.grid")}
) {
switch (ev.detail.index) {
case 0:
- this._preferredLayout =
- this._preferredLayout === "grid" ? "auto" : "grid";
+ this._preferredLayout = "auto";
break;
case 1:
- this._preferredLayout =
- this._preferredLayout === "list" ? "auto" : "list";
+ this._preferredLayout = "grid";
+ break;
+ case 2:
+ this._preferredLayout = "list";
break;
}
}
diff --git a/src/translations/en.json b/src/translations/en.json
index 3a2a646ab4f2..95601f7fc288 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -704,6 +704,7 @@
"video": "Video"
},
"media_player_unavailable": "The selected media player is unavailable.",
+ "auto": "Auto",
"grid": "Grid",
"list": "List"
},