From b99dd3489e76969e20e5fe00d6610978ef1f6031 Mon Sep 17 00:00:00 2001
From: totop716 <totop716@gmail.com>
Date: Thu, 14 Jul 2022 04:47:18 -0400
Subject: [PATCH 1/2] Update currency search modal footer

---
 .../CurrencySearchModal/CurrencySearch.tsx    |  2 +-
 .../styles/CurrencySearchModal.scss           | 20 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/CurrencySearchModal/CurrencySearch.tsx b/src/components/CurrencySearchModal/CurrencySearch.tsx
index a53d6ee24..e9a0244bd 100755
--- a/src/components/CurrencySearchModal/CurrencySearch.tsx
+++ b/src/components/CurrencySearchModal/CurrencySearch.tsx
@@ -199,7 +199,7 @@ const CurrencySearch: React.FC<CurrencySearchProps> = ({
         </AutoSizer>
       </Box>
 
-      <Box className='footer' />
+      <Box className='currencySearchFooter' />
     </Box>
   );
 };
diff --git a/src/components/styles/CurrencySearchModal.scss b/src/components/styles/CurrencySearchModal.scss
index 8064eb74b..c98f39d83 100644
--- a/src/components/styles/CurrencySearchModal.scss
+++ b/src/components/styles/CurrencySearchModal.scss
@@ -24,20 +24,20 @@
       font-weight: 600,
     }
   }
-  .footer {
-    background-image: linear-gradient(to bottom, $grey15, $bgColor 64%);
-    width: 100%;
-    height: 64px;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    z-index: 2;
-    border-radius: 20px;
-  }
   @include media("screen", "<phone") {
     height: 90vh;
   }
 }
+.currencySearchFooter {
+  background-image: linear-gradient(to bottom, $grey15, $bgColor 64%);
+  width: 100%;
+  height: 64px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  pointer-events: none;
+}
 .searchInputWrapper {
   width: 100%;
   height: 50px;

From ded18537b4fc908942900c2ec6ae683519159380 Mon Sep 17 00:00:00 2001
From: totop716 <totop716@gmail.com>
Date: Thu, 14 Jul 2022 04:51:06 -0400
Subject: [PATCH 2/2] fix UI of currency search modal

---
 src/components/styles/CurrencySearchModal.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/styles/CurrencySearchModal.scss b/src/components/styles/CurrencySearchModal.scss
index c98f39d83..4a4efbff6 100644
--- a/src/components/styles/CurrencySearchModal.scss
+++ b/src/components/styles/CurrencySearchModal.scss
@@ -10,6 +10,7 @@
   background: $bgColor;
   backdrop-filter: blur(9.9px);
   border: 1px solid $grey2;
+  overflow: hidden;
   .currencySearchHeader {
     display: flex;
     justify-content: space-between;