[NO CHANGELOG] [Add Tokens Widget] Fix double scrollbar token menu (#…

…2442)
immutable · Dec 2, 2024 · 3cc6777 · 3cc6777
1 parent d5f6d2a
commit 3cc6777
Showing 1 changed file with 12 additions and 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
@@ -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) => (