diff --git a/src/resources/ha-style.ts b/src/resources/ha-style.ts
index 25bcb40c96..9e981a5584 100644
--- a/src/resources/ha-style.ts
+++ b/src/resources/ha-style.ts
@@ -137,7 +137,7 @@ documentContainer.innerHTML = `<custom-style>
       --mdc-theme-surface: var(--paper-card-background-color, var(--card-background-color));
 
       /* mwc text styles */
-      --mdc-theme-on-primary: var(--primary-text-color);
+      --mdc-theme-on-primary: var(--text-primary-color);
       --mdc-theme-on-secondary: var(--text-primary-color);
       --mdc-theme-on-surface: var(--primary-text-color);
     }