From db3709952ccd5b20a83dbe07acfa23e39d695f45 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Mon, 25 Mar 2024 15:55:19 +0100
Subject: [PATCH] Fix stack style in panel view (#20135)

---
 src/panels/lovelace/cards/hui-stack-card.ts | 7 ++++++-
 src/panels/lovelace/views/hui-panel-view.ts | 5 +++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/cards/hui-stack-card.ts b/src/panels/lovelace/cards/hui-stack-card.ts
index 70a925e44c..501e38cd7e 100644
--- a/src/panels/lovelace/cards/hui-stack-card.ts
+++ b/src/panels/lovelace/cards/hui-stack-card.ts
@@ -87,7 +87,7 @@ export abstract class HuiStackCard<T extends StackCardConfig = StackCardConfig>
   static get sharedStyles(): CSSResultGroup {
     return css`
       .card-header {
-        color: var(--ha-card-header-color, --primary-text-color);
+        color: var(--ha-card-header-color, var(--primary-text-color));
         font-family: var(--ha-card-header-font-family, inherit);
         font-size: var(--ha-card-header-font-size, 24px);
         font-weight: normal;
@@ -98,6 +98,11 @@ export abstract class HuiStackCard<T extends StackCardConfig = StackCardConfig>
         display: block;
         padding: 24px 16px 16px;
       }
+      :host {
+        --ha-card-border-radius: inherit !important;
+        --ha-card-border-width: inherit !important;
+        --ha-card-box-shadow: inherit !important;
+      }
     `;
   }
 
diff --git a/src/panels/lovelace/views/hui-panel-view.ts b/src/panels/lovelace/views/hui-panel-view.ts
index f63cbd24b3..c65238af5a 100644
--- a/src/panels/lovelace/views/hui-panel-view.ts
+++ b/src/panels/lovelace/views/hui-panel-view.ts
@@ -130,7 +130,12 @@ export class PanelView extends LitElement implements LovelaceViewElement {
       :host {
         display: block;
         height: 100%;
+      }
+
+      * {
         --ha-card-border-radius: 0;
+        --ha-card-border-width: 0;
+        --ha-card-box-shadow: none;
       }
 
       ha-fab {