diff --git a/src/lib/components/ImgButton.svelte b/src/lib/components/ImgButton.svelte
index ab2efc0..2d82111 100644
--- a/src/lib/components/ImgButton.svelte
+++ b/src/lib/components/ImgButton.svelte
@@ -1,7 +1,6 @@
 <script>
 	import { onMount } from 'svelte';
 	import { fade } from 'svelte/transition';
-	import Eye from './Icons/Eye.svelte';
 
 	/** @type {string} src */
 	export let src;
@@ -36,6 +35,7 @@
 
 				// gotta wait for svelte to realize that e does in fact, exist
 				setTimeout(() => {
+					if (!e) return;
 					e.addEventListener('mouseover', startEffect);
 					e.addEventListener('mousemove', startEffect);
 					e.addEventListener('mouseleave', () => {
@@ -45,6 +45,8 @@
 				}, 100);
 			};
 		}
+
+		return () => {};
 	});
 </script>
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 197d573..4ec6ad1 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -6,14 +6,22 @@
 
 	import Header from '$lib/components/Header.svelte';
 	import Footer from '$lib/components/Footer.svelte';
+
+	let avatarApi = '';
+
+	page.subscribe((pg) => {
+		const url = new URL(pg.url);
+		url.pathname = '/api/avatar';
+		avatarApi = url.toString();
+	});
 </script>
 
 <svelte:head>
 	<link href="https://chadthundercock.com/@cirroskais" rel="me" />
-	<link rel="icon" type="image/png" href="{$page.url.toString()}api/avatar" />
+	<link rel="icon" type="image/png" href={avatarApi} />
 	<meta property="og:title" content={$page.data.discord.username} />
 	<meta property="og:url" content={$page.url.toString()} />
-	<meta property="og:image" content="{$page.url.toString()}api/avatar" />
+	<meta property="og:image" content={avatarApi} />
 	<meta property="og:description" content="snow leopard that likes computers." />
 	<meta property="og:site_name" content={$page.url.hostname} />
 	<meta name="theme-color" content="#c4bef3" />