diff --git a/src/components/ha-service-control.ts b/src/components/ha-service-control.ts index 438adb66d4..966052e4a6 100644 --- a/src/components/ha-service-control.ts +++ b/src/components/ha-service-control.ts @@ -472,6 +472,7 @@ export class HaServiceControl extends LitElement { ha-settings-row { --paper-time-input-justify-content: flex-end; --settings-row-content-width: 100%; + --settings-row-prefix-display: contents; border-top: var( --service-control-items-border-top, 1px solid var(--divider-color) diff --git a/src/components/ha-settings-row.ts b/src/components/ha-settings-row.ts index 252bb80dc8..dac28cdd5d 100644 --- a/src/components/ha-settings-row.ts +++ b/src/components/ha-settings-row.ts @@ -68,7 +68,7 @@ export class HaSettingsRow extends LitElement { white-space: normal; } .prefix-wrap { - display: contents; + display: var(--settings-row-prefix-display); } :host([narrow]) .prefix-wrap { display: flex; diff --git a/src/panels/config/automation/blueprint-automation-editor.ts b/src/panels/config/automation/blueprint-automation-editor.ts index 0c5da1c822..250744d424 100644 --- a/src/panels/config/automation/blueprint-automation-editor.ts +++ b/src/panels/config/automation/blueprint-automation-editor.ts @@ -332,6 +332,7 @@ export class HaBlueprintAutomationEditor extends LitElement { ha-settings-row { --paper-time-input-justify-content: flex-end; --settings-row-content-width: 100%; + --settings-row-prefix-display: contents; border-top: 1px solid var(--divider-color); } `,