From 9fb83e538fcc2f4d898d9b35914b02eb8876b2a7 Mon Sep 17 00:00:00 2001
From: Paul Balaji <10051819+paulbalaji@users.noreply.github.com>
Date: Wed, 14 Aug 2024 15:06:46 +0100
Subject: [PATCH] feat: scrollable search filter (#103)

Make chains list modal scrollable

---------

Signed-off-by: pbio <10051819+paulbalaji@users.noreply.github.com>
Co-authored-by: J M Rossy <jm.rossy@gmail.com>
---
 src/components/search/SearchFilterBar.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/search/SearchFilterBar.tsx b/src/components/search/SearchFilterBar.tsx
index c62b549..ac21d0e 100644
--- a/src/components/search/SearchFilterBar.tsx
+++ b/src/components/search/SearchFilterBar.tsx
@@ -189,8 +189,8 @@ function ChainMultiSelector({
               </TextButton>
             </div>
           </div>
-          <div className="mt-2.5 flex space-x-6">
-            <div className="flex flex-col">
+          <div className="mt-2.5 flex space-x-2">
+            <div className="flex flex-col overflow-x-hidden overflow-y-auto max-h-100">
               <div className="pb-1.5">
                 <CheckBox
                   checked={!hasAnyUncheckedChain(mainnets)}
@@ -216,8 +216,7 @@ function ChainMultiSelector({
                 </CheckBox>
               ))}
             </div>
-            <div className="self-stretch w-px my-1 bg-gray-100"></div>
-            <div className="flex flex-col">
+            <div className="flex flex-col overflow-x-hidden overflow-y-auto max-h-100">
               <div className="pb-1.5">
                 <CheckBox
                   checked={!hasAnyUncheckedChain(testnets)}