diff --git a/src/panels/lovelace/badges/hui-entity-badge.ts b/src/panels/lovelace/badges/hui-entity-badge.ts index 8e1b5e7862..390f64704e 100644 --- a/src/panels/lovelace/badges/hui-entity-badge.ts +++ b/src/panels/lovelace/badges/hui-entity-badge.ts @@ -234,12 +234,15 @@ export class HuiEntityBadge extends LitElement implements LovelaceBadge { align-items: center; justify-content: center; gap: 8px; - height: 36px; - min-width: 36px; + height: var(--ha-badge-size, 36px); + min-width: var(--ha-badge-size, 36px); padding: 0px 8px; box-sizing: border-box; width: auto; - border-radius: 18px; + border-radius: var( + --ha-badge-border-radius, + calc(var(--ha-badge-size, 36px) / 2) + ); background: var( --ha-card-background, var(--card-background-color, white)