diff --git a/.changeset/popular-glasses-float.md b/.changeset/popular-glasses-float.md
new file mode 100644
index 0000000000..a845151cc8
--- /dev/null
+++ b/.changeset/popular-glasses-float.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/apps/docs/app/examples/navbar/with-search-input/page.tsx b/apps/docs/app/examples/navbar/with-search-input/page.tsx
index d63b61d82c..6d23970041 100644
--- a/apps/docs/app/examples/navbar/with-search-input/page.tsx
+++ b/apps/docs/app/examples/navbar/with-search-input/page.tsx
@@ -34,7 +34,7 @@ export default function Page() {
   return (
     <Navbar isBordered>
       <NavbarContent justify="start">
-        <NavbarBrand className="mr-4">
+        <NavbarBrand className="mr-0 sm:mr-2">
           <AcmeLogo />
           <p className="hidden sm:block font-bold text-inherit">ACME</p>
         </NavbarBrand>
@@ -59,7 +59,7 @@ export default function Page() {
       <NavbarContent as="div" className="items-center" justify="end">
         <Input
           classNames={{
-            base: "max-w-full sm:max-w-[10rem] h-10",
+            base: "max-w-full sm:max-w-[10rem] min-w-[8rem] h-10",
             input: "text-small",
             inputWrapper:
               "h-full font-normal text-default-500 bg-default-400/20 dark:bg-default-500/20",