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<TOption>({
 										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"
 							>
 								<XIcon className="size-4 text-content-secondary hover:text-content-primary" />
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<HelpPopoverIconTriggerProps> = ({
 				{...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 &&