diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 1d183e4ce..e91a24118 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -1,8 +1,7 @@
-@use "./custom.scss";
-@use "./explorer.scss";
-@use "./syntax.scss";
-@use "./callouts.scss";
-@use "./variables.scss" as *;
+@use "variables" as *;
+@use "syntax";
+@use "callouts";
+@use "explorer";
 
 html {
   scroll-behavior: smooth;
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index b908314b1..b0c09dcb9 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -1 +1,3 @@
+@use "./base.scss";
+
 // put your custom CSS here!