chore: minimize accessibility effects of SearchBar

commercelayer · Aug 9, 2023 · 44ea611 · 44ea611
1 parent f39f42e
commit 44ea611
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/app-elements/src/ui/composite/SearchBar.tsx b/packages/app-elements/src/ui/composite/SearchBar.tsx
@@ -66,7 +66,7 @@ function SearchBar({
       data-test-id='SearchBar'
       className={cn(
         'rounded relative w-full bg-gray-100',
-        'focus-within:shadow-inputfocus focus-within:bg-white',
+        // 'focus-within:shadow-inputfocus focus-within:bg-white',
         className
       )}
       {...rest}
@@ -80,7 +80,7 @@ function SearchBar({
         className={cn(
           'px-12 py-2 bg-transparent  font-medium w-full transition placeholder:text-gray-400',
           'shadow-none !outline-0 !border-0 !ring-0',
-          '!focus:shadow-none !active:shadow-none'
+          '!focus:shadow-none !active:shadow-none focus:caret-primary'
         )}
         data-test-id='SearchBar-input'
         placeholder={placeholder}