fix: weird scrolling on xcm token select dialog

TalismanSociety · Jan 1, 2025 · 7c66cb2 · 7c66cb2
1 parent 0f1ef94
commit 7c66cb2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/portal/src/components/widgets/xcm/TokenSelectDialog.tsx b/apps/portal/src/components/widgets/xcm/TokenSelectDialog.tsx
@@ -66,7 +66,7 @@ export function TokenSelectDialog({
       title={title}
       targetWidth="60rem"
       onRequestDismiss={onRequestDismiss}
-      css={{ marginTop: '10vh', maxHeight: '80vh', minHeight: '45vh' }}
+      css={{ display: 'flex', flexDirection: 'column', marginTop: '10vh', maxHeight: '80vh', minHeight: '45vh' }}
     >
       <div className="mb-6 flex flex-col gap-4 lg:flex-row">
         <SearchBar
@@ -91,7 +91,7 @@ export function TokenSelectDialog({
           ))}
         </Select>
       </div>
-      <div className="flex max-h-[60dvh] flex-col gap-4 overflow-y-auto">
+      <div className="flex flex-col gap-4 overflow-y-auto">
         {filterSortedAssets.map((asset, index) => (
           <Asset key={index} asset={asset} onClick={() => (onRequestDismiss(), onChange(asset))} />
         ))}