From adb742c0d92fd99ea2bfcf4357a0112e8365a08e Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 11 Feb 2022 00:36:14 +0100
Subject: [PATCH] feat(ui) - filter modal css

---
 .../app/components/shared/Filters/FilterModal/FilterModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
index bf7239a71..8b8e3e185 100644
--- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
+++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
@@ -34,7 +34,7 @@ function FilterModal(props: Props) {
   }
   
   return (
-    <div className={stl.wrapper} style={{ width: '490px', maxHeight: '400px', overflowY: 'auto'}}>
+    <div className={stl.wrapper} style={{ width: '480px', maxHeight: '380px', overflowY: 'auto'}}>
       { showSearchList && (
         <Loader size="small" loading={fetchingFilterSearchList}>
           <div className="-mx-6 px-6">
@@ -67,7 +67,7 @@ function FilterModal(props: Props) {
       )}
       
       { !hasSearchQuery && (
-        <div className="" style={{ columns: "100px 2" }}>
+        <div className="" style={{ columns: "auto 200px" }}>
           {filters && Object.keys(filters).map((key) => (
             <div className="mb-6" key={key}>
               <div className="uppercase font-medium mb-1 color-gray-medium tracking-widest text-sm">{key}</div>