diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index bb3e180..f3d44f9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { theme } from '$lib/stores';
-	import { onMount, type Snippet } from 'svelte';
+	import type { Snippet } from 'svelte';
 
 	type Props = { children: Snippet };
 	let { children }: Props = $props();
 
-	onMount(() => {
+	$effect(() => {
 		document.documentElement.setAttribute('data-theme', $theme);
 	});
 </script>