From fbf084bf009d64366d6f632a9775ca0386b9592c Mon Sep 17 00:00:00 2001
From: karwosts <32912880+karwosts@users.noreply.github.com>
Date: Mon, 20 Feb 2023 11:41:26 -0800
Subject: [PATCH] Fix map sizing in grids and h-stacks (#15290)

* Fix map sizing in grids and h-stacks

* ha-card as a flexbox
---
 src/panels/lovelace/cards/hui-map-card.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/panels/lovelace/cards/hui-map-card.ts b/src/panels/lovelace/cards/hui-map-card.ts
index 2d70716f0f..05439d461d 100644
--- a/src/panels/lovelace/cards/hui-map-card.ts
+++ b/src/panels/lovelace/cards/hui-map-card.ts
@@ -255,6 +255,8 @@ class HuiMapCard extends LitElement implements LovelaceCard {
       return;
     }
 
+    root.style.height = "auto";
+
     const ratio = parseAspectRatio(this._config.aspect_ratio);
 
     root.style.paddingBottom =
@@ -368,6 +370,8 @@ class HuiMapCard extends LitElement implements LovelaceCard {
         overflow: hidden;
         width: 100%;
         height: 100%;
+        display: flex;
+        flex-direction: column;
       }
 
       ha-map {