diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0d27a9f..dc47aba 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,17 +3,16 @@
 	import CloudflareAnalytics from '$lib/CloudflareAnalytics.svelte';
 	import BottomNavigation from '../lib/BottomNavigation.svelte';
 	import TopNav from '../lib/TopNav.svelte';
-	import { Analytics } from '@vercel/analytics/react';
-
+	import { inject } from '@vercel/analytics';
 	let activeBtn = 'home';
 	function handleNavItemClick(btnName) {
 		activeBtn = btnName;
 	}
 	$: activeBtn = activeBtn === 'projects';
+	inject();
 </script>
 
 <CloudflareAnalytics />
-<Analytics />
 <TopNav />
 <div class="px-2 sm:px-0 mx-auto max-w-xs sm:max-w-md md:max-w-3xl mb-20 md:mb-0">
 	<slot />