diff --git a/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx b/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx
index bc2e2f1508b..b5e30df72fe 100644
--- a/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx
+++ b/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx
@@ -72,7 +72,9 @@ export function useCssTokens(props: Theme) {
     }
   }, [typography]);
 
-  const fontFamilyClassName = fontFamilyCss();
+  const fontFamilyClassName = css`
+    ${fontFamilyCss()}
+  `;
 
   const providerClassName = useMemo(() => {
     return css`