diff --git a/src/lib/components/ThemeSwitch.svelte b/src/lib/components/ThemeSwitch.svelte
index 33288b7..e85832e 100644
--- a/src/lib/components/ThemeSwitch.svelte
+++ b/src/lib/components/ThemeSwitch.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Moon, Sun } from 'lucide-svelte';
-	import { theme } from '$lib/theme'
+	import { theme, setTheme } from '$lib/theme'
 
 	function toggleTheme() {
 		theme.update((currentTheme) => {
@@ -14,6 +14,7 @@
 			} else {
 				document.documentElement.classList.add('dark');
 			}
+			setTheme(newTheme);
 			return newTheme
 		})
 	}