From 3b885dd01fa1c99c018a0efb19a80ebcf28e3544 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Thu, 7 Mar 2024 15:47:10 +0100
Subject: [PATCH] Fix width of create section button (#20015)

---
 src/panels/lovelace/views/hui-sections-view.ts | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/panels/lovelace/views/hui-sections-view.ts b/src/panels/lovelace/views/hui-sections-view.ts
index 9a4c4c846c..ae16e74173 100644
--- a/src/panels/lovelace/views/hui-sections-view.ts
+++ b/src/panels/lovelace/views/hui-sections-view.ts
@@ -247,13 +247,16 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
         text-align: center;
       }
 
-      .section {
+      .container > * {
         position: relative;
-        border-radius: var(--ha-card-border-radius, 12px);
         max-width: var(--grid-section-max-width);
         width: 100%;
       }
 
+      .section {
+        border-radius: var(--ha-card-border-radius, 12px);
+      }
+
       .container {
         --max-count: min(var(--section-count), var(--grid-max-section-count));
         --max-width: min(
@@ -318,9 +321,9 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
         border-radius: var(--ha-card-border-radius, 12px);
         border: 2px dashed var(--primary-color);
         order: 1;
-        height: 66px;
+        height: calc(66px + (8px + 2px) * 2);
         padding: 8px;
-        box-sizing: content-box;
+        box-sizing: border-box;
       }
 
       .create:focus {