diff --git a/src/components/DarkModeToggle.tsx b/src/components/DarkModeToggle.tsx
index 9497f2d..cd2a334 100644
--- a/src/components/DarkModeToggle.tsx
+++ b/src/components/DarkModeToggle.tsx
@@ -5,9 +5,9 @@ import { Typewriter } from "./Typewriter";
 import { useDarkMode } from "~/context/darkMode";
 
 export function DarkModeToggle(
-  props: { shouldScale: boolean },
-  { shouldScale = true }
+  props: { shouldScale?: boolean } = { shouldScale: true }
 ) {
+  const shouldScale = props.shouldScale ?? true;
   const { isDark, toggleDarkMode } = useDarkMode();
   const [mounted, setMounted] = createSignal(false);
 
@@ -18,7 +18,7 @@ export function DarkModeToggle(
   return (
     <button
       onClick={toggleDarkMode}
-      class={`hover:bg-surface0 flex w-full items-center gap-3 rounded-lg p-3 transition-all duration-200 ease-in-out ${props.shouldScale ? "hover:scale-105" : ""}`}
+      class={`hover:bg-surface0 flex w-full items-center gap-3 rounded-lg p-3 transition-all duration-200 ease-in-out ${shouldScale ? "hover:scale-105" : ""}`}
       aria-label="Toggle dark mode"
     >
       <Show