Fix clear button height

csandman · Oct 23, 2024 · 6d5cf25 · 6d5cf25
1 parent ba8e112
commit 6d5cf25
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/chakra-components/control.tsx b/src/chakra-components/control.tsx
@@ -209,7 +209,6 @@ export const ClearIndicator = <
 
   return (
     <Box
-      role="button"
       className={cx(
         {
           indicator: true,
@@ -222,7 +221,13 @@ export const ClearIndicator = <
       asChild
       {...innerProps}
     >
-      <IconButton size="sm" variant="plain" pointerEvents="auto">
+      <IconButton
+        size="xs"
+        variant="plain"
+        focusVisibleRing="inside"
+        focusRingWidth="2px"
+        pointerEvents="auto"
+      >
         {children || <CloseIcon css={iconCss} />}
       </IconButton>
     </Box>