diff --git a/src/components/ha-header-bar.ts b/src/components/ha-header-bar.ts
index d3a32626f4..966da7ab80 100644
--- a/src/components/ha-header-bar.ts
+++ b/src/components/ha-header-bar.ts
@@ -46,6 +46,7 @@ export class HaHeaderBar extends LitElement {
           flex: none;
         }
         .mdc-top-app-bar__title {
+          font-size: 20px;
           padding-inline-start: 24px;
           padding-inline-end: initial;
         }
diff --git a/src/components/ha-top-app-bar-fixed.ts b/src/components/ha-top-app-bar-fixed.ts
index bfd71d75c1..4a2b41c485 100644
--- a/src/components/ha-top-app-bar-fixed.ts
+++ b/src/components/ha-top-app-bar-fixed.ts
@@ -24,6 +24,7 @@ export class HaTopAppBarFixed extends TopAppBarFixedBase {
         );
       }
       .mdc-top-app-bar__title {
+        font-size: 20px;
         padding-inline-start: 24px;
         padding-inline-end: initial;
       }
diff --git a/src/components/ha-two-pane-top-app-bar-fixed.ts b/src/components/ha-two-pane-top-app-bar-fixed.ts
index 50ee9d8766..9b348d0442 100644
--- a/src/components/ha-two-pane-top-app-bar-fixed.ts
+++ b/src/components/ha-two-pane-top-app-bar-fixed.ts
@@ -321,6 +321,7 @@ export class TopAppBarBaseBase extends BaseElement {
         overflow: auto;
       }
       .mdc-top-app-bar__title {
+        font-size: 20px;
         padding-inline-start: 24px;
         padding-inline-end: initial;
       }