diff --git a/src/components/sl-tab-group.ts b/src/components/sl-tab-group.ts
index cab5ea0f22..7d16247eb7 100644
--- a/src/components/sl-tab-group.ts
+++ b/src/components/sl-tab-group.ts
@@ -63,7 +63,7 @@ export class HaSlTabGroup extends TabGroup {
 
         --sl-color-neutral-600: inherit;
 
-        --sl-font-weight-semibold: var(--ha-font-weight-semibold);
+        --sl-font-weight-semibold: var(--ha-font-weight-medium);
         --sl-font-size-small: var(--ha-font-size-m);
 
         --sl-color-primary-600: var(
diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index 67a9a967b0..d2c28db8b7 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -48,7 +48,7 @@ export const haStyle = css`
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: var(--ha-font-size-xl);
-    font-weight: var(--ha-font-weight-semibold);
+    font-weight: var(--ha-font-weight-medium);
     line-height: var(--ha-line-height-normal);
   }
 
diff --git a/src/resources/theme/typography.globals.ts b/src/resources/theme/typography.globals.ts
index fc6cd681c7..11b790aac1 100644
--- a/src/resources/theme/typography.globals.ts
+++ b/src/resources/theme/typography.globals.ts
@@ -21,13 +21,13 @@ export const typographyStyles = css`
 
     --ha-font-weight-light: 300;
     --ha-font-weight-normal: 400;
-    --ha-font-weight-semibold: 500;
+    --ha-font-weight-medium: 500;
     --ha-font-weight-bold: 700;
 
     --ha-font-family-heading: var(--ha-font-family-body);
     --ha-font-weight-body: var(--ha-font-weight-normal);
     --ha-font-weight-heading: var(--ha-font-weight-bold);
-    --ha-font-weight-action: var(--ha-font-weight-semibold);
+    --ha-font-weight-action: var(--ha-font-weight-medium);
 
     --ha-line-height-condensed: 1.2;
     --ha-line-height-normal: 1.6;