diff --git a/src/panels/lovelace/cards/hui-horizontal-stack-card.ts b/src/panels/lovelace/cards/hui-horizontal-stack-card.ts index 2ae05adaf1..306217a398 100644 --- a/src/panels/lovelace/cards/hui-horizontal-stack-card.ts +++ b/src/panels/lovelace/cards/hui-horizontal-stack-card.ts @@ -29,7 +29,7 @@ class HuiHorizontalStackCard extends HuiStackCard { } #root > * { flex: 1 1 0; - margin: 0 4px; + margin: var(--horizontal-stack-card-margin, var(--stack-card-margin, 0 4px)); min-width: 0; } #root > *:first-child { diff --git a/src/panels/lovelace/cards/hui-vertical-stack-card.ts b/src/panels/lovelace/cards/hui-vertical-stack-card.ts index 81ac8dd930..77f34ddc91 100644 --- a/src/panels/lovelace/cards/hui-vertical-stack-card.ts +++ b/src/panels/lovelace/cards/hui-vertical-stack-card.ts @@ -29,7 +29,7 @@ class HuiVerticalStackCard extends HuiStackCard { height: 100%; } #root > * { - margin: 4px 0 4px 0; + margin: var(--vertical-stack-card-margin, var(--stack-card-margin, 4px 0)); } #root > *:first-child { margin-top: 0; diff --git a/src/panels/lovelace/views/hui-masonry-view.ts b/src/panels/lovelace/views/hui-masonry-view.ts index b160ef9766..b123d3060a 100644 --- a/src/panels/lovelace/views/hui-masonry-view.ts +++ b/src/panels/lovelace/views/hui-masonry-view.ts @@ -293,7 +293,7 @@ export class MasonryView extends LitElement implements LovelaceViewElement { .column > * { display: block; - margin: 4px 4px 8px; + margin: var(--masonry-view-card-margin, 4px 4px 8px); } ha-fab {