From 3cc677748e4b2937800c33678824616143c0bf6a Mon Sep 17 00:00:00 2001
From: Mimi Tran <80493680+mimi-imtbl@users.noreply.github.com>
Date: Tue, 3 Dec 2024 10:49:10 +1100
Subject: [PATCH] [NO CHANGELOG] [Add Tokens Widget] Fix double scrollbar token
 menu (#2442)

---
 .../add-tokens/components/TokenDrawerMenu.tsx      | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/checkout/widgets-lib/src/widgets/add-tokens/components/TokenDrawerMenu.tsx b/packages/checkout/widgets-lib/src/widgets/add-tokens/components/TokenDrawerMenu.tsx
index e362882deb..7c96afbfc4 100644
--- a/packages/checkout/widgets-lib/src/widgets/add-tokens/components/TokenDrawerMenu.tsx
+++ b/packages/checkout/widgets-lib/src/widgets/add-tokens/components/TokenDrawerMenu.tsx
@@ -247,7 +247,13 @@ export function TokenDrawerMenu({
           </Box>
         )}
       </Drawer.Target>
-      <Drawer.Content sx={{ paddingX: 'base.spacing.x2' }}>
+      <Drawer.Content sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        overflowY: 'hidden',
+      }}
+      >
         <TextInput
           sx={{ marginBottom: 'base.spacing.x2' }}
           placeholder={t('views.ADD_TOKENS.tokenSelection.searchPlaceholder')}
@@ -258,7 +264,11 @@ export function TokenDrawerMenu({
         >
           <TextInput.Icon icon="Search" />
         </TextInput>
-        <VerticalMenu sx={{ maxHeight: '100%' }}>
+        <VerticalMenu sx={{
+          maxHeight: '100%',
+          overflowY: 'auto',
+        }}
+        >
           {tokenChoiceOptions
             && tokenChoiceOptions.length > 0
             && tokenChoiceOptions.map((token) => (