From 0f577f7285d85b4cf5a13f7828203bfbd0840822 Mon Sep 17 00:00:00 2001 From: Christin Tostrup Date: Fri, 16 Oct 2026 10:08:51 +0000 Subject: [PATCH] fix(site): enlarge undersized Autocomplete clear and HelpPopover icon targets to 24px The Autocomplete clear button (used by the workspace sharing user/group picker) was 20x20 and the HelpPopoverIconTrigger (outdated icon in the workspaces table) was 12x20, failing WCAG 2.5.8 Target Size (Minimum). Fixes DEQ-13 --- site/src/components/Autocomplete/Autocomplete.tsx | 2 +- site/src/components/HelpPopover/HelpPopover.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/site/src/components/Autocomplete/Autocomplete.tsx b/site/src/components/Autocomplete/Autocomplete.tsx index c9faebc08a6..74d4b83c7d8 100644 --- a/site/src/components/Autocomplete/Autocomplete.tsx +++ b/site/src/components/Autocomplete/Autocomplete.tsx @@ -403,7 +403,7 @@ export function Autocomplete({ handleClear(e); } }} - className="flex items-center justify-center size-5 rounded hover:bg-surface-secondary transition-colors cursor-pointer" + className="flex items-center justify-center size-6 rounded hover:bg-surface-secondary transition-colors cursor-pointer" aria-label="Clear selection" > diff --git a/site/src/components/HelpPopover/HelpPopover.tsx b/site/src/components/HelpPopover/HelpPopover.tsx index 2e5b7fff90c..d55fd1295ee 100644 --- a/site/src/components/HelpPopover/HelpPopover.tsx +++ b/site/src/components/HelpPopover/HelpPopover.tsx @@ -54,7 +54,7 @@ export const HelpPopoverIconTrigger: React.FC = ({ {...buttonProps} type="button" className={cn( - "flex items-center justify-center px-0 py-1", + "flex min-h-6 min-w-6 items-center justify-center p-0", "border-0 border-none bg-transparent cursor-pointer text-inherit", size === "small" ? "[&_svg]:size-3" : "[&_svg]:size-4", hoverEffect &&