Improve Responsiveness

Remove horizontal scroll on mobile
Improve Navbar Responsiveness

src/components/Navbar/index.tsx

@@ -81,7 +81,7 @@ const Links = () => (
           href={link.href}
           target={link.href.startsWith('https') ? '_blank' : ''}
           rel={link.href.startsWith('https') ? 'noreferrer' : ''}
-          className="px-4 text-xl font-thin text-white md:text-md lg:px-7 hover:text-amber-500 hover:underline"
+          className="px-3 text-lg font-thin text-white lg:px-4 lg:text-xl lg:px-7 hover:text-amber-500 hover:underline"
         >
           {link.title}
         </a>

src/components/buttons/ConnectWallet/index.tsx

@@ -28,7 +28,9 @@ export const ConnectWallet = () => (
                   type="button"
                   className="text-white bg-pink-600 border-pink-600 btn rounded-3xl"
                 >
-                  Connect Wallet
+                  <p className="flex">
+                    Connect <span className="hidden lg:block lg:ml-1">Wallet</span>
+                  </p>
                   <PlayCircleIcon className="w-5" />
                 </button>
               );

src/pages/swap/index.tsx

@@ -234,7 +234,7 @@ export const SwapPage = () => {
     <main ref={formRef}>
       <SigningBox step={signingPhase} />
       <form
-        className="w-full max-w-2xl px-4 py-8 mx-4 mt-12 mb-12 rounded-lg shadow-custom md:mx-auto md:w-2/3 lg:w-3/5 xl:w-1/2"
+        className="max-w-2xl px-4 py-8 mx-4 mt-12 mb-12 rounded-lg shadow-custom md:mx-auto md:w-2/3 lg:w-3/5 xl:w-1/2"
         onSubmit={onSubmit}
       >
         <h1 className="mb-5 text-3xl font-bold text-center text-blue-700">Withdraw</h1>