diff --git a/src/lib/components/SongEntry.svelte b/src/lib/components/SongEntry.svelte
index decd615..659e16c 100644
--- a/src/lib/components/SongEntry.svelte
+++ b/src/lib/components/SongEntry.svelte
@@ -35,12 +35,7 @@
 	};
 
 	const typeLabel = $derived(typeLabelMap[type] ?? `T${type}`);
-
-	const displayTypeNumber = $derived.by(() => {
-		const num = Number(number);
-		if (!Number.isFinite(num) || num === 0) return typeLabel;
-		return `${typeLabel}${num}`;
-	});
+	const displayTypeNumber = $derived(`${typeLabel}${number || ""}`);
 
 	const artistDisplay = $derived.by(
 		() => artistName?.trim() || "Unknown Artist",
@@ -75,12 +70,13 @@
 
 <div class="rounded border px-3 py-2">
 	<div class="flex flex-wrap items-baseline gap-x-2 gap-y-1">
-		<span class="text-sm text-muted-foreground">{animeName}</span>
-		<span class="text-sm text-muted-foreground">•</span>
-		<span class="text-sm text-muted-foreground">{displayTypeNumber}</span>
+		<span class="text-sm text-muted-foreground rounded bg-muted px-2 py-0.5"
+			>{displayTypeNumber}</span
+		>
+		{animeName}
 	</div>
 
-	<div class="mt-1 font-medium">
+	<div class="mt-1 text-foreground/80">
 		{songName}
 		<span class="text-sm text-muted-foreground">— {artistDisplay}</span>
 	</div>