fixed ui on find-wallet [Fixes #13421]

ethereum · Jul 18, 2024 · 64157e8 · 64157e8
1 parent 885edaa
commit 64157e8
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/components/FindWallet/WalletFilterPersona.tsx b/src/components/FindWallet/WalletFilterPersona.tsx
@@ -55,15 +55,23 @@ const WalletFilterPersona = ({
 
   return (
     <Grid
+      css={{
+        "&::-webkit-scrollbar": {
+          height: "4px",
+        },
+        "&::-webkit-scrollbar-thumb": {
+          backgroundColor: "darkgray",
+        },
+      }}
       gap={showMobileSidebar ? 2 : 4}
-      autoColumns={{ base: "200px", lg: "minmax(0, 1fr)" }}
+      autoColumns={{ base: "220px", lg: "minmax(0, 1fr)" }}
       templateColumns={
         showMobileSidebar
           ? "repeat(2, 1fr)"
-          : { base: "200px", lg: "minmax(0, 1fr)" }
+          : { base: "220px", lg: "minmax(0, 1fr)" }
       }
       mb={showMobileSidebar ? 4 : 2}
-      overflowX="auto"
+      overflowX="scroll"
     >
       {personas.map((persona, idx) => {
         return (