diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 85eb8bcfc..fae7a4dc0 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -1,9 +1,9 @@
 // Replace this with your own font imports!
 @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600&display=swap');
 :root {
-  --font-body: "Source Sans Pro";
-  --font-header: "Inter";
-  --font-mono: "Fira Code"
+  --font-body: "Source Sans Pro", sans-serif;
+  --font-header: "Inter", sans-serif;
+  --font-mono: "Fira Code", monospace;
 }
 
 // typography