diff --git a/src/panels/config/storage/storage-breakdown-chart.ts b/src/panels/config/storage/storage-breakdown-chart.ts index a969fd4db4..703e795675 100644 --- a/src/panels/config/storage/storage-breakdown-chart.ts +++ b/src/panels/config/storage/storage-breakdown-chart.ts @@ -55,17 +55,16 @@ export class StorageBreakdownChart extends LitElement { ${heading} ${description} - ${hasChildren - ? html`` - : nothing} +
@@ -213,26 +212,24 @@ export class StorageBreakdownChart extends LitElement { static styles = css` .header { display: flex; - align-items: flex-start; - justify-content: space-between; - margin-bottom: var(--ha-space-2); + align-items: flex-end; + gap: var(--ha-space-2); } .heading-text { display: flex; - flex-direction: column; - gap: var(--ha-space-1); + flex: 1; } .heading { - font-weight: 500; - font-size: var(--ha-font-size-m); color: var(--primary-text-color); + line-height: var(--ha-line-height-expanded); + margin-right: var(--ha-space-2); } .description { - font-size: var(--ha-font-size-s); color: var(--secondary-text-color); + line-height: var(--ha-line-height-expanded); } ha-icon-button {