More changes

components/cart/CartItem/CartItem.tsx

@@ -97,6 +97,7 @@ const CartItem = ({
           <button type="button" onClick={() => increaseQuantity(-1)}>
             <Minus width={18} height={18} />
           </button>
+          <label>
             <input
               type="number"
               max={99}
@@ -106,6 +107,7 @@ const CartItem = ({
               onChange={handleQuantity}
               onBlur={handleBlur}
             />
+          </label>
           <button type="button" onClick={() => increaseQuantity(1)}>
             <Plus width={18} height={18} />
           </button>

components/common/Navbar/Navbar.tsx

@@ -42,7 +42,7 @@ const Navbar: FC<Props> = ({ className }) => {
       </div>
 
       <div className="flex pb-4 lg:px-6 lg:hidden">
-        <Searchbar id="mobileSearch" />
+        <Searchbar />
       </div>
     </div>
   )

components/common/Searchbar/Searchbar.tsx

@@ -22,8 +22,11 @@ const Searchbar: FC<Props> = ({ className, id = 'search' }) => {
         className
       )}
     >
-      <label>
+      <label className="hidden" htmlFor={id}>
+        Search
+      </label>
       <input
+        id={id}
         className={s.input}
         placeholder="Search for products..."
         defaultValue={router.query.q}
@@ -44,7 +47,6 @@ const Searchbar: FC<Props> = ({ className, id = 'search' }) => {
           }
         }}
       />
-      </label>
       <div className={s.iconContainer}>
         <svg className={s.icon} fill="currentColor" viewBox="0 0 20 20">
           <path