diff --git a/quartz/components/Explorer.tsx b/quartz/components/Explorer.tsx
index 1f2f3e0f1..6c747f216 100644
--- a/quartz/components/Explorer.tsx
+++ b/quartz/components/Explorer.tsx
@@ -1,5 +1,5 @@
 import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
-import explorerStyle from "./styles/explorer.scss"
+import style from "./styles/explorer.scss"
 
 // @ts-ignore
 import script from "./scripts/explorer.inline"
@@ -150,7 +150,7 @@ export default ((userOpts?: Partial<Options>) => {
     )
   }
 
-  Explorer.css = explorerStyle
+  Explorer.css = style
   Explorer.afterDOMLoaded = script
   return Explorer
 }) satisfies QuartzComponentConstructor
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 63117e8a1..531e9ff63 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -29,6 +29,9 @@
 
 .explorer {
   display: flex;
+  height: 100%;
+  flex-direction: column;
+  overflow-y: hidden;
 
   @media all and ($mobile) {
     order: -1;
@@ -56,10 +59,6 @@
     }
   }
 
-  height: 100%;
-  flex-direction: column;
-  overflow-y: hidden;
-
   &.desktop-only {
     @media all and not ($mobile) {
       display: flex;