Update templates/menu.html

templates/menu.html

@@ -165,12 +165,13 @@
 }
      
     .search-bar-container {
-    margin-left: 20px;
-    margin-right: 20px;
-    flex: 1;
-    max-width: 500px; /* Adjust the width */
+    margin-left: auto;
+    margin-right: auto;
     display: flex;
     justify-content: center;
+    align-items: center; /* Ensures it centers vertically within the container */
+    width: 80%; /* You can adjust the width as needed */
+    max-width: 600px; /* Optional: Restrict the max width */
 }
 .search-bar-container input {
     width: 100%;