diff --git a/src/lib/components/socialImageCard.svelte b/src/lib/components/socialImageCard.svelte
index 74c7f19..21359df 100644
--- a/src/lib/components/socialImageCard.svelte
+++ b/src/lib/components/socialImageCard.svelte
@@ -1,13 +1,12 @@
 <script lang="ts">
 	import * as Card from "$lib/components/ui/card";
-	import logo from '$lib/assets/bored-game.png';
 
 	export let title: 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={logo} alt="Bored Game" /></div>{title}</Card.Title>
+		<Card.Title class="flex place-items-center gap-1"><div class="w-8 h-8"><img src="/images/bored-game.png" alt="Bored Game" /></div>{title}</Card.Title>
 	</Card.Header>
 	<Card.Content>
 		<slot />
diff --git a/static/images/bored-game.png b/static/images/bored-game.png
new file mode 100644
index 0000000..86ed940
Binary files /dev/null and b/static/images/bored-game.png differ