From 4b36770adf6f77520c1e4722fbbbd320491ba035 Mon Sep 17 00:00:00 2001
From: wizmo2 <wizmo.home@yahoo.com>
Date: Tue, 7 Jun 2022 10:42:37 -0400
Subject: [PATCH] Fix overlapped tiles and hidden title for 2:3 aspect ratio
 media classes (#12853)

---
 src/components/media-player/ha-media-player-browse.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 4ee029ee13..d4f3a2ed9a 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -485,7 +485,10 @@ export class HaMediaPlayerBrowse extends LitElement {
                       .layout=${grid({
                         itemSize: {
                           width: "175px",
-                          height: "225px",
+                          height:
+                            childrenMediaClass.thumbnail_ratio === "portrait"
+                              ? "312px"
+                              : "225px",
                         },
                         gap: "16px",
                         flex: { preserve: "aspect-ratio" },