diff --git a/frontend/src/lib/components/RelationshipChip.svelte b/frontend/src/lib/components/RelationshipChip.svelte
index 7d895aba..852b0aaa 100644
--- a/frontend/src/lib/components/RelationshipChip.svelte
+++ b/frontend/src/lib/components/RelationshipChip.svelte
@@ -31,7 +31,7 @@ let { chipLabel, otherName, yearRange = '', canWrite, relId }: Props = $props();
 			<button
 				type="submit"
 				aria-label="{m.btn_delete()} — {otherName}"
-				class="inline-flex h-8 w-8 items-center justify-center text-ink-3 transition-colors hover:text-red-600"
+				class="inline-flex h-11 w-11 items-center justify-center text-ink-3 transition-colors hover:text-red-600"
 			>
 				<svg
 					class="h-3.5 w-3.5"
diff --git a/frontend/src/lib/components/RelationshipChip.svelte.spec.ts b/frontend/src/lib/components/RelationshipChip.svelte.spec.ts
index 2ee57ccc..9c85a6a6 100644
--- a/frontend/src/lib/components/RelationshipChip.svelte.spec.ts
+++ b/frontend/src/lib/components/RelationshipChip.svelte.spec.ts
@@ -45,4 +45,11 @@ describe('RelationshipChip', () => {
 		render(RelationshipChip, { ...baseProps, canWrite: false });
 		expect(document.querySelector('button')).toBeNull();
 	});
+
+	it('delete button has h-11 w-11 (44px) WCAG touch target class', async () => {
+		render(RelationshipChip, { ...baseProps, canWrite: true });
+		const btn = document.querySelector('button')!;
+		expect(btn.className).toContain('h-11');
+		expect(btn.className).toContain('w-11');
+	});
 });