From da2865d8bf0083282ff7f92caff822283032b81c Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Thu, 27 Jun 2024 19:31:55 +0200
Subject: [PATCH] Fix size of cards inside stack cards (#21190)

* Fix size of cards inside stack cards

* Apply style everywhere

* Fix stack

* Fix grid stack

* Set block only for square
---
 src/panels/lovelace/cards/hui-card.ts                  | 3 +++
 src/panels/lovelace/cards/hui-grid-card.ts             | 1 +
 src/panels/lovelace/cards/hui-horizontal-stack-card.ts | 2 +-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/cards/hui-card.ts b/src/panels/lovelace/cards/hui-card.ts
index 6249acaba0..b4ca36b94e 100644
--- a/src/panels/lovelace/cards/hui-card.ts
+++ b/src/panels/lovelace/cards/hui-card.ts
@@ -43,6 +43,9 @@ export class HuiCard extends ReactiveElement {
   private _listeners: MediaQueriesListener[] = [];
 
   protected createRenderRoot() {
+    const style = document.createElement("style");
+    style.textContent = `hui-card { display: contents }`;
+    this.append(style);
     return this;
   }
 
diff --git a/src/panels/lovelace/cards/hui-grid-card.ts b/src/panels/lovelace/cards/hui-grid-card.ts
index 97b336c529..0838db77d9 100644
--- a/src/panels/lovelace/cards/hui-grid-card.ts
+++ b/src/panels/lovelace/cards/hui-grid-card.ts
@@ -92,6 +92,7 @@ class HuiGridCard extends HuiStackCard<GridCardConfig> {
         }
 
         :host([square]) #root > *:not([hidden]) {
+          display: block;
           grid-row: 1 / 1;
           grid-column: 1 / 1;
         }
diff --git a/src/panels/lovelace/cards/hui-horizontal-stack-card.ts b/src/panels/lovelace/cards/hui-horizontal-stack-card.ts
index 502e54db4d..4e867e5b0e 100644
--- a/src/panels/lovelace/cards/hui-horizontal-stack-card.ts
+++ b/src/panels/lovelace/cards/hui-horizontal-stack-card.ts
@@ -30,7 +30,7 @@ export class HuiHorizontalStackCard extends HuiStackCard {
           height: 100%;
           gap: var(--horizontal-stack-card-gap, var(--stack-card-gap, 8px));
         }
-        #root > * {
+        #root > hui-card > * {
           flex: 1 1 0;
           min-width: 0;
         }