fix: chain modal overflows when button is clicked (#1607)

* fix: modal overflows when onClick is happening * changeset * fix: chain list overflow for max 10 chains * fix: tweak changeset --------- Co-authored-by: Daniel Sinclair <d@niel.nyc>
rainbow-me · Nov 16, 2023 · 94dce82 · 94dce82 · vercel · Nov 16, 2023
1 parent 39d81e9
commit 94dce82
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/eleven-dingos-relate.md b/.changeset/eleven-dingos-relate.md
@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Fixed scroll bar inconsistencies in the Chain selector for large chain lists or when animating upon user interaction
diff --git a/packages/rainbowkit/src/components/ChainModal/ChainModal.css.ts b/packages/rainbowkit/src/components/ChainModal/ChainModal.css.ts
@@ -1,12 +1,13 @@
 import { style } from '@vanilla-extract/css';
 
 export const DesktopScrollClassName = style({
-  maxHeight: 454,
+  maxHeight: 456,
   overflowY: 'auto',
+  overflowX: 'hidden',
 });
 
 export const MobileScrollClassName = style({
-  maxHeight: 454,
+  maxHeight: 456,
   overflowY: 'auto',
   overflowX: 'hidden',
   scrollbarWidth: 'none',