update items

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/user-picker.tsx

@@ -3,13 +3,13 @@ import { XIcon, CheckIcon, AlertTriangleIcon, UserIcon } from 'lucide-react'
 import { formatCPF } from '@brazilian-utils/brazilian-utils'
 
 import { cn, initials } from '@repo/ui/lib/utils'
-import { Button } from '@repo/ui/components/ui/button'
 import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
 import { Abbr } from '@repo/ui/components/abbr'
 import { Spinner } from '@repo/ui/components/ui/spinner'
 import {
   InputGroup,
   InputGroupAddon,
+  InputGroupButton,
   InputGroupInput
 } from '@repo/ui/components/ui/input-group'
 import { CommandItem } from '@repo/ui/components/ui/command'
@@ -100,17 +100,18 @@ export function UserPicker({
 
           {value && (
             <InputGroupAddon align="inline-end" className="mr-0">
-              <Button
-                variant="link"
-                size="icon-sm"
-                className="cursor-pointer text-muted-foreground"
+              <InputGroupButton
+                variant="ghost"
+                tabIndex={-1}
+                size="icon-xs"
+                className="cursor-pointer"
                 onClick={(e) => {
                   e.preventDefault()
                   onChange?.(null)
                 }}
               >
                 <XIcon />
-              </Button>
+              </InputGroupButton>
             </InputGroupAddon>
           )}