Fix heading card badges overflow on narrow screens

2026-02-07 00:38:38 +00:00 · 2026-02-05 09:35:32 +02:00
1 changed files with 4 additions and 0 deletions
--- a/src/panels/lovelace/cards/hui-heading-card.ts
+++ b/src/panels/lovelace/cards/hui-heading-card.ts
@@ -155,6 +155,7 @@ export class HuiHeadingCard extends LitElement implements LovelaceCard {
      align-items: center;
      overflow: visible;
      gap: var(--ha-space-2);
+      max-height: 100%;
    }
    .content:hover ha-icon-next {
      transform: translateX(calc(4px * var(--scale-direction)));
@@ -222,6 +223,9 @@ export class HuiHeadingCard extends LitElement implements LovelaceCard {
      align-items: center;
      justify-content: flex-end;
      gap: 4px 10px;
+      flex-wrap: wrap;
+      max-height: 100%;
+      overflow-y: clip;
    }
  `;
 }