diff --git a/src/resources/theme/theme.ts b/src/resources/theme/theme.ts
index 3447bd8a6c..defc01a2d7 100644
--- a/src/resources/theme/theme.ts
+++ b/src/resources/theme/theme.ts
@@ -7,10 +7,10 @@ import {
 } from "./typography.globals";
 
 export const themeStyles = [
-  fontStyles.toString(),
   mainStyles.toString(),
   typographyStyles.toString(),
   colorStyles.toString(),
+  fontStyles.toString(),
 ].join("");
 
 export const derivedStyles = {
diff --git a/src/resources/theme/typography.globals.ts b/src/resources/theme/typography.globals.ts
index c7ae6fe678..fc6cd681c7 100644
--- a/src/resources/theme/typography.globals.ts
+++ b/src/resources/theme/typography.globals.ts
@@ -22,7 +22,7 @@ export const typographyStyles = css`
     --ha-font-weight-light: 300;
     --ha-font-weight-normal: 400;
     --ha-font-weight-semibold: 500;
-    --ha-font-weight-bold: 600;
+    --ha-font-weight-bold: 700;
 
     --ha-font-family-heading: var(--ha-font-family-body);
     --ha-font-weight-body: var(--ha-font-weight-normal);