From 72218d3bb38cd11275507cde8c0861ad60ea275a Mon Sep 17 00:00:00 2001
From: huggingbot <83656073+huggingbot@users.noreply.github.com>
Date: Sun, 22 May 2022 21:52:29 +0800
Subject: [PATCH] fix: Modal zap layout on iphone se

---
 .../app/Transactions/components/TxTokenInput.tsx           | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/client/components/app/Transactions/components/TxTokenInput.tsx b/src/client/components/app/Transactions/components/TxTokenInput.tsx
index 9e00e38f9..2c8bebd68 100644
--- a/src/client/components/app/Transactions/components/TxTokenInput.tsx
+++ b/src/client/components/app/Transactions/components/TxTokenInput.tsx
@@ -130,6 +130,13 @@ const ZapMessageContainer = styled.div`
   padding: ${({ theme }) => theme.layoutPadding};
   font-size: 1.4rem;
   width: 100%;
+
+  @media (max-width: 400px) {
+    font-size: 1.3rem;
+    padding-left: 0rem;
+    padding-right: 0rem;
+    justify-content: center;
+  }
 `;
 
 const TokenSelector = styled.div<{ onClick?: () => void; center?: boolean }>`