From 27f794bcf8bd764e7e46d0315e374f08f5d1a08e Mon Sep 17 00:00:00 2001
From: Kacper Szarkiewicz <szarkiewiczmail@gmail.com>
Date: Wed, 28 Aug 2024 22:40:04 +0200
Subject: [PATCH 1/2] remove horizontal scroll

---
 src/pages/swap/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index bd2b389c..55c104fc 100644
--- a/src/pages/swap/index.tsx
+++ b/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>

From 4af90566e6f029cb25a51b871f632174d9b459fa Mon Sep 17 00:00:00 2001
From: Kacper Szarkiewicz <szarkiewiczmail@gmail.com>
Date: Wed, 28 Aug 2024 22:50:04 +0200
Subject: [PATCH 2/2] improve navbar responsiveness

---
 src/components/Navbar/index.tsx                | 2 +-
 src/components/buttons/ConnectWallet/index.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 125f3dce..d20324b1 100644
--- a/src/components/Navbar/index.tsx
+++ b/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>
diff --git a/src/components/buttons/ConnectWallet/index.tsx b/src/components/buttons/ConnectWallet/index.tsx
index f17aa5ad..9a6e692e 100644
--- a/src/components/buttons/ConnectWallet/index.tsx
+++ b/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>
               );