diff --git a/public/index.html b/public/index.html
index 599813861..35640c0dc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -167,9 +167,6 @@
       body,
       html {
         margin: 0;
-        --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system,
-          Segoe UI, Roboto, Helvetica, Arial, sans-serif;
-        font-family: var(--ui-font);
         -webkit-text-size-adjust: 100%;
 
         width: 100%;
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 6fe14bb59..28a42d069 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -8,6 +8,10 @@
 }
 
 .excalidraw {
+  --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
+    Roboto, Helvetica, Arial, sans-serif;
+  font-family: var(--ui-font);
+
   position: relative;
   overflow: hidden;
   color: var(--text-primary-color);