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 {