NavBar Has Paddings Like UI

src/components/Navbar/index.js

@@ -228,7 +228,7 @@ function Navbar({
     </div>
   ) : (
     <header className={`rounded-b-md w-full bg-transparent pb-4`}>
-      <div className="flex flex-row justify-between items-center border-b border-gray-200 border-solid h-16 px-6">
+      <div className="flex flex-row justify-between items-center  px-20 border-b border-gray-200 border-solid h-16 ">
         <div className="divide-x flex flex-row transform gap-4">
           {/* <span className="text-sm font-normal text-blue52">
             انتخاب کشور
@@ -251,7 +251,7 @@ function Navbar({
       <div
         className={`w-full flex flex-col z-20 ${desktopMiddleFix ? "" : ""}`}
       >
-        <div className="w-full flex flex-row items-center h-full relative bg-white justify-between py-2 px-5 z-20 border-b border-gray-200 border-solid ">
+        <div className="w-full flex flex-row items-center h-full relative bg-white justify-between py-2 px-20 z-20 border-b border-gray-200 border-solid ">
           <div className="ml-10">
             <Link to="/" className="flex flex-row items-center">
               <img src={logoIcon} className="w-6" />
@@ -293,7 +293,7 @@ function Navbar({
             }
           }
         >
-          <div className="ml-10 flex flex-row items-center">
+          <div className="ml-10  flex flex-row items-center">
             <img
               src={darkCrimsonHamburgerMenu}
               alt=""