diff --git a/src/lib/cards/media/DerakkumaCards/DerakkumaAvatar.svelte b/src/lib/cards/media/DerakkumaCards/DerakkumaAvatar.svelte
deleted file mode 100644
index 983feb6..0000000
--- a/src/lib/cards/media/DerakkumaCards/DerakkumaAvatar.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	let { src, alt = '' }: { src?: string; alt?: string } = $props();
-	let hasError = $state(false);
-</script>
-
-{#if src && !hasError}
-	<img
-		{src}
-		{alt}
-		class="h-full w-full rounded-xl object-cover"
-		onerror={() => {
-			hasError = true;
-		}}
-	/>
-{:else}
-	<div
-		class="bg-base-200 dark:bg-base-800 accent:bg-accent-700/40 flex h-full w-full items-center justify-center rounded-xl text-lg"
-	>
-		🐻
-	</div>
-{/if}
diff --git a/src/lib/cards/media/DerakkumaCards/DerakkumaProfileCard.svelte b/src/lib/cards/media/DerakkumaCards/DerakkumaProfileCard.svelte
index 140a388..106a695 100644
--- a/src/lib/cards/media/DerakkumaCards/DerakkumaProfileCard.svelte
+++ b/src/lib/cards/media/DerakkumaCards/DerakkumaProfileCard.svelte
@@ -3,7 +3,6 @@
 	import { onMount } from 'svelte';
 	import { getAdditionalUserData, getDidContext, getHandleContext } from '$lib/website/context';
 	import { CardDefinitionsByType } from '../..';
-	import DerakkumaAvatar from './DerakkumaAvatar.svelte';
 	import { blobUrl, type DerakkumaProfileValue, type RepoRecord } from './shared';
 
 	let { item }: { item: Item } = $props();
@@ -28,13 +27,29 @@
 	let partner = $derived(blobUrl(did, value?.partnerImage));
 	let course = $derived(blobUrl(did, value?.courseImage));
 	let classImage = $derived(blobUrl(did, value?.classImage));
+	let profileImageHasError = $state(false);
 </script>
 
 <div class="flex h-full w-full flex-col gap-3 overflow-hidden p-4">
 	{#if value}
 		<div class="flex min-h-0 flex-1 gap-3">
 			<div class="size-20 shrink-0">
-				<DerakkumaAvatar src={profileImage} alt={value.playerName ?? ''} />
+				{#if profileImage && !profileImageHasError}
+					<img
+						src={profileImage}
+						alt={value.playerName ?? ''}
+						class="h-full w-full rounded-xl object-cover"
+						onerror={() => {
+							profileImageHasError = true;
+						}}
+					/>
+				{:else}
+					<div
+						class="bg-base-200 dark:bg-base-800 accent:bg-accent-700/40 flex h-full w-full items-center justify-center rounded-xl text-lg"
+					>
+						🐻
+					</div>
+				{/if}
 			</div>
 			<div class="min-w-0 flex-1">
 				<div class="text-accent-500 accent:text-accent-950 truncate text-lg font-bold">