From 169c1065ce9aa4b99e6651a58447c5f3318dd2dd Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Sun, 8 Feb 2026 16:12:20 +0100
Subject: [PATCH] refactor: use button for accesibility

---
 app/client/components/retention-category-badges.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/client/components/retention-category-badges.tsx b/app/client/components/retention-category-badges.tsx
index f1343381..93869cb0 100644
--- a/app/client/components/retention-category-badges.tsx
+++ b/app/client/components/retention-category-badges.tsx
@@ -65,9 +65,13 @@ export function RetentionCategoryBadges({ categories, className }: RetentionCate
 	return (
 		<HoverCard>
 			<HoverCardTrigger asChild>
-				<div className={cn("cursor-pointer", className)}>
+				<button
+					type="button"
+					className={cn("cursor-pointer bg-transparent p-0 border-0", className)}
+					aria-label={`View ${categories.length} retention categories`}
+				>
 					<Badge category={`${categories.length} tags`} />
-				</div>
+				</button>
 			</HoverCardTrigger>
 			<HoverCardContent className="w-auto p-2">
 				<div className="flex flex-wrap gap-1">