diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index a3b808997..f635217ee 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -80,7 +80,6 @@
 	}
 
 	onMount(() => {
-		document.addEventListener('visibilitychange', onVisibilityChange);
 		subscribeSystemTheme();
 	});
 
@@ -107,6 +106,7 @@
 </script>
 
 <svelte:window on:keyup={keyboardShortcut} />
+<svelte:document on:visibilitychange={onVisibilityChange} />
 
 <div class="app">
 	<NoteDialog />