diff --git a/src/features/theme/components/mode-toggle.tsx b/src/features/theme/components/mode-toggle.tsx
index 352ddedb..19271a06 100644
--- a/src/features/theme/components/mode-toggle.tsx
+++ b/src/features/theme/components/mode-toggle.tsx
@@ -20,11 +20,12 @@ const themes = [
 ] as const
 
 export function ModeToggle() {
-    const { theme } = useTheme()
+    const { theme, setTheme } = useTheme()
     const [mounted, setMounted] = useState(false)
     useEffect(() => setMounted(true), [])
 
     const handleThemeChange = async (newTheme: "light" | "system" | "dark") => {
+        setTheme(newTheme)
         await authClient.updateUser({ theme: newTheme })
     }