diff --git a/frontend/src/lib/components/PersonHoverCard.svelte b/frontend/src/lib/components/PersonHoverCard.svelte
index 95a94699..ac599120 100644
--- a/frontend/src/lib/components/PersonHoverCard.svelte
+++ b/frontend/src/lib/components/PersonHoverCard.svelte
@@ -131,7 +131,7 @@ const showMaidenName = $derived(
 				<div class="chips" data-testid="person-hover-card-chips">
 					{#each familyChips as chip (chip.id)}
 						<span class="chip">
-							<span class="chip-type">{chipLabel(chip, personId)}</span>
+							<span class="chip-type">{chipLabel(chip, personId)}:</span>
 							{otherName(chip, personId)}
 						</span>
 					{/each}
@@ -261,10 +261,6 @@ const showMaidenName = $derived(
 	opacity: 0.7;
 }
 
-.chip-type::after {
-	content: ':';
-}
-
 .notes {
 	font-size: 13px;
 	color: var(--c-ink-2);