diff --git a/code/frameworks/nextjs/src/font/webpack/loader/utils/get-css-meta.ts b/code/frameworks/nextjs/src/font/webpack/loader/utils/get-css-meta.ts
index aa816e05faf4..7be59c01c486 100644
--- a/code/frameworks/nextjs/src/font/webpack/loader/utils/get-css-meta.ts
+++ b/code/frameworks/nextjs/src/font/webpack/loader/utils/get-css-meta.ts
@@ -37,7 +37,7 @@ export function getCSSMeta(options: Options) {
 }
 
 function getClassName({ styles, weights, fontFamily }: Options) {
-  const font = fontFamily.replace(' ', '-').toLowerCase();
+  const font = fontFamily.replaceAll(' ', '-').toLowerCase();
   const style = isNextCSSPropertyValid(styles) ? styles[0] : null;
   const weight = isNextCSSPropertyValid(weights) ? weights[0] : null;