diff --git a/packages/react/src/components/Button/Button.module.css b/packages/react/src/components/Button/Button.module.css
index 243c20b525..fdb3262f42 100644
--- a/packages/react/src/components/Button/Button.module.css
+++ b/packages/react/src/components/Button/Button.module.css
@@ -60,7 +60,7 @@
   --fc-button-icon-size: var(--fds-sizing-4);
 
   gap: var(--fds-sizing-2);
-  font: var(--fds-typography-paragraph-small);
+  font: var(--fds-typography-paragraph-short-small);
   font-family: inherit;
 }
 
@@ -68,7 +68,7 @@
   --fc-button-icon-size: var(--fds-sizing-6);
 
   gap: var(--fds-sizing-3);
-  font: var(--fds-typography-paragraph-medium);
+  font: var(--fds-typography-paragraph-short-medium);
   font-family: inherit;
 }
 
@@ -76,7 +76,7 @@
   --fc-button-icon-size: var(--fds-sizing-8);
 
   gap: var(--fds-sizing-3);
-  font: var(--fds-typography-paragraph-large);
+  font: var(--fds-typography-paragraph-short-large);
   font-family: inherit;
 }