diff --git a/frontend/src/lib/components/PersonChip.svelte b/frontend/src/lib/components/PersonChip.svelte
index fed326cc..d17e7365 100644
--- a/frontend/src/lib/components/PersonChip.svelte
+++ b/frontend/src/lib/components/PersonChip.svelte
@@ -19,8 +19,9 @@ const initials = $derived(
 );
 </script>
 
-<span
-	class="inline-flex shrink-0 items-center gap-1.5 rounded-full border border-line bg-muted px-2 py-0.5"
+<a
+	href="/persons/{person.id}"
+	class="inline-flex shrink-0 items-center gap-1.5 rounded-full border border-line bg-muted px-2 py-0.5 hover:border-primary hover:bg-surface focus-visible:ring-2 focus-visible:ring-primary"
 >
 	<span
 		class="flex h-[25px] w-[25px] shrink-0 items-center justify-center rounded-full text-[13px] font-bold text-white"
@@ -30,4 +31,4 @@ const initials = $derived(
 		{initials}
 	</span>
 	<span class="text-[14px] font-semibold text-ink">{displayName}</span>
-</span>
+</a>