From a1c36ec01f045b8c5aed3aa0c48f511c7d5a7fbf Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Sat, 1 Feb 2025 17:32:15 +0000
Subject: [PATCH] SASS styling fixes

---
 quartz/components/Explorer.tsx         | 4 ++--
 quartz/components/styles/explorer.scss | 7 +++----
 2 files changed, 5 insertions(+), 6 deletions(-)

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;