From 60ddcc8980b1b3b994dd1777ad5cf11f2cf6a2dd Mon Sep 17 00:00:00 2001
From: kasin-it <kacperosinilo@gmail.com>
Date: Thu, 17 Oct 2024 10:50:25 +0200
Subject: [PATCH] feat(navbar): remove border-top and change search button
 border-radius

---
 .../components/navigation-bar/autocomplete.tsx                | 4 ++--
 .../components/navigation-bar/navigation-bar.tsx              | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/starters/shopify-meilisearch/components/navigation-bar/autocomplete.tsx b/starters/shopify-meilisearch/components/navigation-bar/autocomplete.tsx
index b1388e16..7a9d9cd8 100644
--- a/starters/shopify-meilisearch/components/navigation-bar/autocomplete.tsx
+++ b/starters/shopify-meilisearch/components/navigation-bar/autocomplete.tsx
@@ -44,14 +44,14 @@ export function Autocomplete({ className }: AutocompleteProps) {
 
   return (
     <div className="relative hidden lg:block">
-      <div className={cn("relative block w-[240px] overflow-hidden rounded-[66px]", className)}>
+      <div className={cn("relative block w-[240px] overflow-hidden rounded-md", className)}>
         {!!isPending && <Spinner className="absolute inset-y-1.5 right-2" />}
         <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3.5">
           <SearchIcon className="size-4 text-neutral-500" />
         </div>
         <input
           type="search"
-          className="block w-full rounded-[66px] border border-neutral-300 bg-neutral-100 px-2.5 py-1.5 pl-10 text-sm text-black focus:border-blue-500 focus:ring-blue-500  "
+          className="block w-full rounded-md border border-neutral-300 bg-neutral-100 px-2.5 py-1.5 pl-10 text-sm text-black focus:border-blue-500 focus:ring-blue-500  "
           placeholder="Search..."
           onChange={onChange}
           onFocus={handleOnInputFocus}
diff --git a/starters/shopify-meilisearch/components/navigation-bar/navigation-bar.tsx b/starters/shopify-meilisearch/components/navigation-bar/navigation-bar.tsx
index 566c25c7..39f97a93 100644
--- a/starters/shopify-meilisearch/components/navigation-bar/navigation-bar.tsx
+++ b/starters/shopify-meilisearch/components/navigation-bar/navigation-bar.tsx
@@ -54,7 +54,7 @@ export function NavigationBar({ items }: NavigationBarProps) {
   ))
 
   return (
-    <header className="mega-navbar sticky top-0 z-50 mx-auto my-0 flex w-full flex-wrap content-center items-center justify-between border-b border-black bg-white py-6 md:border-y ">
+    <header className="mega-navbar sticky top-0 z-50 mx-auto my-0 flex w-full flex-wrap content-center items-center justify-between border-b border-black bg-white py-6">
       <div className="flex justify-start px-4 md:mx-auto md:w-full md:max-w-container-md md:px-0">
         <Link prefetch={false} href="/" className="brand mr-20 hidden items-center text-xl font-bold md:flex">
           Acme