From 169d7825805174735fbdba7a738274f6964ff8fd Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Tue, 2 Apr 2024 15:20:22 +0200
Subject: [PATCH] Fix label wrap (#20323)

* Don't wrap headline on ha-menu-item

* Don't wrap text on ha-label
---
 src/components/ha-label.ts     | 1 +
 src/components/ha-menu-item.ts | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-label.ts b/src/components/ha-label.ts
index e542b06be5..d9d8205201 100644
--- a/src/components/ha-label.ts
+++ b/src/components/ha-label.ts
@@ -43,6 +43,7 @@ class HaLabel extends LitElement {
           border-radius: 18px;
           color: var(--ha-label-text-color);
           --mdc-icon-size: 12px;
+          text-wrap: nowrap;
         }
         .content > * {
           position: relative;
diff --git a/src/components/ha-menu-item.ts b/src/components/ha-menu-item.ts
index 1b2c71f251..9c03e4e7f5 100644
--- a/src/components/ha-menu-item.ts
+++ b/src/components/ha-menu-item.ts
@@ -1,7 +1,7 @@
-import { customElement } from "lit/decorators";
+import { MdMenuItem } from "@material/web/menu/menu-item";
 import "element-internals-polyfill";
 import { CSSResult, css } from "lit";
-import { MdMenuItem } from "@material/web/menu/menu-item";
+import { customElement } from "lit/decorators";
 
 @customElement("ha-menu-item")
 export class HaMenuItem extends MdMenuItem {
@@ -30,6 +30,9 @@ export class HaMenuItem extends MdMenuItem {
         --md-menu-item-label-text-color: var(--error-color);
         --md-menu-item-leading-icon-color: var(--error-color);
       }
+      ::slotted([slot="headline"]) {
+        text-wrap: nowrap;
+      }
     `,
   ];
 }