diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 886a7a1..94efc29 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,19 @@
 <script>
 	import { Toaster } from 'svelte-french-toast';
 	import '../app.css';
+
+	import { onNavigate } from '$app/navigation';
+
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
 </script>
 
 <Toaster />