diff --git a/src/lib/components/socialImageCard.svelte b/src/lib/components/socialImageCard.svelte
index 47bdec7..74c7f19 100644
--- a/src/lib/components/socialImageCard.svelte
+++ b/src/lib/components/socialImageCard.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
 	import * as Card from "$lib/components/ui/card";
+	import logo from '$lib/assets/bored-game.png';
 
 	export let title: string;
-	export let icon: string;
 </script>
 
 <Card.Root class="w-[350px]">
 	<Card.Header>
-		<Card.Title class="flex place-items-center gap-1"><div class="w-8 h-8"><img src={icon} alt="Bored Game" /></div>{title}</Card.Title>
+		<Card.Title class="flex place-items-center gap-1"><div class="w-8 h-8"><img src={logo} alt="Bored Game" /></div>{title}</Card.Title>
 	</Card.Header>
 	<Card.Content>
 		<slot />
diff --git a/src/routes/(app)/+page.server.ts b/src/routes/(app)/+page.server.ts
index 1e5f371..1aee354 100644
--- a/src/routes/(app)/+page.server.ts
+++ b/src/routes/(app)/+page.server.ts
@@ -1,7 +1,6 @@
 import { superValidate } from 'sveltekit-superforms/server';
 import { search_schema } from '$lib/zodValidation';
 import type { MetaTagsProps } from 'svelte-meta-tags';
-import logo from '$lib/assets/bored-game.png';
 
 export const load = async ({ fetch, url }) => {
 	const metaTags: MetaTagsProps = Object.freeze({
@@ -15,7 +14,7 @@ export const load = async ({ fetch, url }) => {
 			description: 'Bored Game, keep track of your games',
 			images: [
 				{
-					url: `${new URL(url.pathname, url.origin).href}og?title=Home | Bored Game&icon=${logo}`,
+					url: `${new URL(url.pathname, url.origin).href}og?title=Home | Bored Game`,
 					width: 1200,
 					height: 630
 				}