diff --git a/src/components/PreloadSettings.tsx b/src/components/PreloadSettings.tsx
index 39828b40..8f25cbdc 100644
--- a/src/components/PreloadSettings.tsx
+++ b/src/components/PreloadSettings.tsx
@@ -3,6 +3,7 @@
 import { usePreloadSettings } from "@/hooks/usePreloadSettings";
 import { Navbar } from "./navbar";
 import { useSettingsModalStore } from "@/store/SettingsModalStore";
+import { useTimerStore } from "@/store/timerStore";
 
 export default function PreloadSettings({
   children,
@@ -11,15 +12,13 @@ export default function PreloadSettings({
 }) {
   usePreloadSettings();
   const { settings } = useSettingsModalStore();
+  const { isSolving } = useTimerStore();
   const theme = settings ? settings.theme.background.color : "light";
   return (
     <>
       <div className={`${theme}`}>
         <div className="flex flex-col justify-between max-h-screen min-h-screen gap-2 select-none light:bg-neutral-50 light:text-zinc-950 dark:bg-zinc-950 dark:text-slate-50">
-          {children}{" "}
-          <>
-            <Navbar />
-          </>
+          {children} <>{!isSolving && <Navbar />}</>
         </div>
       </div>
     </>