diff --git a/src/components/ha-label.ts b/src/components/ha-label.ts index e542b06be531..d9d82052015b 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 1b2c71f251e4..9c03e4e7f567 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; + } `, ]; }