diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts index 15205ad2fa..0b7497b254 100644 --- a/src/components/ha-sidebar.ts +++ b/src/components/ha-sidebar.ts @@ -949,7 +949,6 @@ class HaSidebar extends SubscribeMixin(LitElement) { } ha-md-list-item .item-text { - font-family: var(--ha-font-family-body); display: none; font-size: var(--ha-font-size-m); font-weight: var(--ha-font-weight-medium); diff --git a/src/resources/theme/typography.globals.ts b/src/resources/theme/typography.globals.ts index 24b2c1f232..6b8ff6f456 100644 --- a/src/resources/theme/typography.globals.ts +++ b/src/resources/theme/typography.globals.ts @@ -50,6 +50,11 @@ export const typographyStyles = css` --material-small-font-size: var(--ha-font-size-xs); --material-caption-font-size: var(--ha-font-size-2xs); --material-button-font-size: var(--ha-font-size-xs); + + /* Add font to lists since default does not handle non-latin characters */ + --md-list-item-label-text-font: var(--ha-font-family-body); + --md-list-item-supporting-text-font: var(--ha-font-family-body); + --md-list-item-trailing-supporting-text-font: var(--ha-font-family-body); } `;