diff --git a/src/components/shared/styles.ts b/src/components/shared/styles.ts
index d69057e2..40ab1744 100644
--- a/src/components/shared/styles.ts
+++ b/src/components/shared/styles.ts
@@ -65,7 +65,8 @@ export const spacing = {
 
 export const typography = {
   type: {
-    primary: '"Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
+    primary:
+      'var(--nunito-sans, "Nunito Sans"), "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
     code: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
   },
   weight: {