frontend/src/lib/components/PersonMentionEditor.svelte

@@ -215,7 +215,12 @@ const popupOpen = $derived(query !== null);
 					<div
 						class={[
 							'flex min-h-[44px] cursor-pointer flex-col gap-1 px-3 py-2.5 text-left hover:bg-canvas',
-							i === highlightedIndex && 'bg-canvas'
+							// Keyboard-highlighted row gets a stronger token than hover so
+							// keyboard users (and tablet stylus users sweeping over rows)
+							// can tell the cursor position apart from a hover (Leonie #5507 §3,
+							// WCAG 1.4.11 Non-Text Contrast).
+							i === highlightedIndex &&
+								'bg-brand-mint/20 ring-2 ring-brand-mint ring-inset'
 						]}
 						role="option"
 						aria-selected={i === highlightedIndex}