diff --git a/src/theme.scss b/src/theme.scss
index ab22216..1efe543 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -12,7 +12,6 @@ $default-fonts: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
 $fonts-comic-sans-neue: "Comic Sans MS", "Comic Neue", $default-fonts;
 $fonts-comic-neue: "Comic Neue", $default-fonts;
 $fonts-opendyslexic: "OpenDyslexic", $default-fonts;
-$font-sans-serif: $fonts-comic-sans-neue;
 
 
 // Layout & components
@@ -59,8 +58,8 @@ body {
 }
 
 /* for custom theme settings, options in mainPage.tsx as of writing */
-
-html [data-font="default"] {
+$font-sans-serif: $fonts-comic-sans-neue;
+html, html [data-font="default"] {
     font-family: $fonts-comic-sans-neue;
 }
 html [data-font="system"] {