diff --git a/src/css/documentload.scss b/src/css/documentload.scss
index c9d9361b..6e5f9ba3 100644
--- a/src/css/documentload.scss
+++ b/src/css/documentload.scss
@@ -26,6 +26,14 @@
   font-display: swap;
 }
 
+@layer base, override;
+
+@layer override {
+  * {
+    font-family: Rubik, sans-serif !important;
+  }
+}
+
 html {
   background: #161616 !important;
   background-color: #161616;
diff --git a/src/css/injected.scss b/src/css/injected.scss
index b2c408cf..254ac093 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -22,10 +22,6 @@
   font-family: Rubik, sans-serif !important;
 }
 
-*:not([class^="Canvas__canvas___"]):not([class^="Canvas__canvas___"] *):not([class^="ThemeCard__"]):not([class^="ThemeCard__"] *):not([class^="ThemePreview__"]):not([class^="ThemePreview__"] *):not([class^="academicReportsWrapper"]):not([class^="academicReportsWrapper"] *):not(textarea):not(.doesntexist) {
-  font-family: Rubik, sans-serif !important;
-}
-
 ::view-transition-old(root),
 ::view-transition-new(root) {
   animation: none;