diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 07c7a01..1792993 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -1,20 +1,23 @@
 <script>
 	import BottomAppBar from '$lib/components/BottomAppBar.svelte';
+	import { onMount } from 'svelte';
 
-	if ('serviceWorker' in navigator) {
-		addEventListener('load', function () {
-			navigator.serviceWorker.register('../sw.ts');
-		});
+	onMount(() => {
+		if ('serviceWorker' in navigator) {
+			addEventListener('load', function () {
+				navigator.serviceWorker.register('../sw.ts');
+			});
 
-		navigator.serviceWorker.addEventListener('message', (event) => {
-			console.log(`The service worker sent me a message: ${event.data}`);
-			alert("You can use the app offline");
-		});
+			navigator.serviceWorker.addEventListener('message', (event) => {
+				console.log(`The service worker sent me a message: ${event.data}`);
+				alert('You can use the app offline');
+			});
 
-		navigator.serviceWorker.ready.then((registration) => {
-			console.log("registered service worker")
-		});
-	}
+			navigator.serviceWorker.ready.then((registration) => {
+				console.log('registered service worker');
+			});
+		}
+	});
 </script>
 
 <slot />