diff --git a/website/src/routes/+layout.svelte b/website/src/routes/+layout.svelte
index 33aee9d..15a0b49 100644
--- a/website/src/routes/+layout.svelte
+++ b/website/src/routes/+layout.svelte
@@ -7,6 +7,7 @@
 	import { USER_DATA } from '$lib/stores/user-data';
 	import { onMount } from 'svelte';
 	import { invalidateAll } from '$app/navigation';
+	import { ModeWatcher } from 'mode-watcher';
 
 	let { data, children } = $props<{
 		data: { userSession?: any };
@@ -68,6 +69,8 @@
 	});
 </script>
 
+<ModeWatcher />
+
 <Sidebar.Provider>
 	<AppSidebar />