From 64157e8f1c3b73d0626d2d3c9dfd34b33802bead Mon Sep 17 00:00:00 2001
From: nipunh <nipunhedaoo@gmail.com>
Date: Thu, 18 Jul 2024 15:06:39 -0400
Subject: [PATCH] fixed ui on find-wallet [Fixes #13421]

---
 src/components/FindWallet/WalletFilterPersona.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/FindWallet/WalletFilterPersona.tsx b/src/components/FindWallet/WalletFilterPersona.tsx
index eb4e57b4fad..5b200da11f4 100644
--- 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 (