From 078f663b96a6a032175cb6b479a1ff893459d453 Mon Sep 17 00:00:00 2001
From: Tina Zheng <tina.s.zheng+github@gmail.com>
Date: Wed, 8 Jan 2025 12:49:39 -0500
Subject: [PATCH] fix x-scroll

---
 .../dialogs/DepositDialog2/DepositDialog2.tsx | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/views/dialogs/DepositDialog2/DepositDialog2.tsx b/src/views/dialogs/DepositDialog2/DepositDialog2.tsx
index cc065c4ab..486f7282f 100644
--- a/src/views/dialogs/DepositDialog2/DepositDialog2.tsx
+++ b/src/views/dialogs/DepositDialog2/DepositDialog2.tsx
@@ -81,28 +81,30 @@ export const DepositDialog2 = ({ setIsOpen }: DialogProps<DepositDialog2Props>)
       title={<div tw="text-center">{dialogTitle}</div>}
       placement={DialogPlacement.Default}
     >
-      <div tw="flex w-[200%] overflow-hidden">
-        <div
-          tw="w-[50%]"
-          style={{ marginLeft: formState === 'form' ? 0 : '-50%', transition: 'margin 500ms' }}
-        >
-          <DepositForm
-            onClose={() => setIsOpen(false)}
-            amount={amount}
-            setAmount={setAmount}
-            token={token}
-            onTokenSelect={() => setFormState('token-select')}
-          />
-        </div>
-        <div
-          ref={tokenSelectRef}
-          tw="w-[50%] overflow-scroll"
-          style={{
-            height: formState === 'form' ? 0 : '100%',
-            maxHeight: isMobile ? '50vh' : '25rem',
-          }}
-        >
-          <TokenSelect token={token} setToken={setToken} onBack={onShowForm} />
+      <div tw="w-[100%] overflow-hidden">
+        <div tw="flex w-[200%]">
+          <div
+            tw="w-[50%]"
+            style={{ marginLeft: formState === 'form' ? 0 : '-50%', transition: 'margin 500ms' }}
+          >
+            <DepositForm
+              onClose={() => setIsOpen(false)}
+              amount={amount}
+              setAmount={setAmount}
+              token={token}
+              onTokenSelect={() => setFormState('token-select')}
+            />
+          </div>
+          <div
+            ref={tokenSelectRef}
+            tw="w-[50%] overflow-scroll"
+            style={{
+              height: formState === 'form' ? 0 : '100%',
+              maxHeight: isMobile ? '50vh' : '25rem',
+            }}
+          >
+            <TokenSelect token={token} setToken={setToken} onBack={onShowForm} />
+          </div>
         </div>
       </div>
     </$Dialog>