Merge pull request #1061 from commercelayer/searchbar-css

Update SearchBar border radius to match buttons style

Author: gciotola

packages/app-elements/src/ui/composite/SearchBar.tsx

@@ -107,7 +107,7 @@ export const SearchBar = forwardRef<HTMLInputElement, SearchBarProps>(
           />
           <input
             className={cn(
-              "rounded font-medium w-full px-11 transition placeholder:text-gray-400",
+              "rounded-[8px] font-medium w-full px-11 transition placeholder:text-gray-400",
               "ring-0 outline-0",
               "focus:caret-primary focus:bg-white",
               {

packages/app-elements/src/ui/composite/__snapshots__/PageSkeleton.test.tsx.snap

@@ -95,7 +95,7 @@ exports[`PageSkeleton > Should be rendered 1`] = `
                   </svg>
                 </div>
                 <input
-                  class="rounded font-medium w-full px-11 transition placeholder:text-gray-400 ring-0 outline-0 focus:caret-primary focus:bg-white bg-gray-100 border-0 shadow-none py-2 animate-pulse bg-gray-50! placeholder:text-gray-50"
+                  class="rounded-[8px] font-medium w-full px-11 transition placeholder:text-gray-400 ring-0 outline-0 focus:caret-primary focus:bg-white bg-gray-100 border-0 shadow-none py-2 animate-pulse bg-gray-50! placeholder:text-gray-50"
                   data-testid="SearchBar-input"
                   value=""
                 />