diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 640ade6e9..eb06494c8 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -1,4 +1,5 @@
 @use "./custom.scss";
+@use "./explorer.scss";
 @use "./syntax.scss";
 @use "./callouts.scss";
 @use "./variables.scss" as *;
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index c00b00aa7..b908314b1 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -1,45 +1 @@
 // put your custom CSS here!
-
-// @media (max-width: 1510px) {
-//   .darkmode {
-//     position: relative;
-//     left: 2rem;
-//     top: -59px;
-//     padding-left: 0.5rem;
-//   }
-// }
-
-// @media (min-width: 1511px) {
-//   .darkmode {
-//     position: relative;
-//     left: 2rem;
-//     top: -59px;
-//     padding-left: 0.5rem;
-//   }
-// }
-
-div[data-folderpath="/Archive"] p[class="folder-title"]::before {
-  content: "📚 ";
-}
-div[data-folderpath="/Seedlings"] p[class="folder-title"]::before {
-  content: "🌱 ";
-}
-div[data-folderpath="/Evergreen"] p[class="folder-title"]::before {
-  content: "🌳";
-}
-div[data-folderpath="/Budding"] p[class="folder-title"]::before {
-  content: "🌿";
-}
-
-// div[data-folderpath="/Archive"] button[class="folder-button"]::before {
-//   content: "📚 ";
-// }
-// div[data-folderpath="/Seedlings"] button[class="folder-button"]::before {
-//   content: "🌱 ";
-// }
-// div[data-folderpath="/Evergreen"] button[class="folder-button"]::before {
-//   content: "🌳";
-// }
-// div[data-folderpath="/Budding"] button[class="folder-button"]::before {
-//   content: "🌿";
-// }
diff --git a/quartz/styles/explorer.scss b/quartz/styles/explorer.scss
new file mode 100644
index 000000000..c5304065f
--- /dev/null
+++ b/quartz/styles/explorer.scss
@@ -0,0 +1,12 @@
+div[data-folderpath="/Archive"] p[class="folder-title"]::before {
+  content: "📚 ";
+}
+div[data-folderpath="/Seedlings"] p[class="folder-title"]::before {
+  content: "🌱 ";
+}
+div[data-folderpath="/Evergreen"] p[class="folder-title"]::before {
+  content: "🌳 ";
+}
+div[data-folderpath="/Budding"] p[class="folder-title"]::before {
+  content: "🌿 ";
+}