diff --git a/web/src/app.css b/web/src/app.css
index 3a4d29b466..1ff3bec99b 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -49,6 +49,7 @@
 }
 
 @theme {
+  --font-sans: 'GoogleSans', sans-serif;
   --font-mono: 'GoogleSansCode', monospace;
 
   --spacing-18: 4.5rem;
@@ -100,7 +101,7 @@
   }
 
   :root {
-    font-family: 'GoogleSans', sans-serif;
+    font-family: var(--font-sans);
     letter-spacing: 0.1px;
 
     /* Used by layouts to ensure proper spacing between navbar and content */