From 7e58bd59c3dd241500c7f8932a3c5aae98155850 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Mon, 5 Dec 2022 14:21:13 +0100
Subject: [PATCH] Fix rounded corners for expansion panel (#14531)

fixes undefined
---
 src/components/ha-expansion-panel.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/ha-expansion-panel.ts b/src/components/ha-expansion-panel.ts
index 21b7fb1c1d..797b5bdbd9 100644
--- a/src/components/ha-expansion-panel.ts
+++ b/src/components/ha-expansion-panel.ts
@@ -31,7 +31,7 @@ export class HaExpansionPanel extends LitElement {
 
   protected render(): TemplateResult {
     return html`
-      <div class="top">
+      <div class="top ${classMap({ expanded: this.expanded })}">
         <div
           id="summary"
           @click=${this._toggleContainer}
@@ -147,6 +147,12 @@ export class HaExpansionPanel extends LitElement {
       .top {
         display: flex;
         align-items: center;
+        border-radius: var(--ha-card-border-radius, 12px);
+      }
+
+      .top.expanded {
+        border-bottom-left-radius: 0px;
+        border-bottom-right-radius: 0px;
       }
 
       .top.focused {