From 487b5ceccc71fefacecdfd742499e27efd9a2225 Mon Sep 17 00:00:00 2001
From: Moody Salem <moody.salem@gmail.com>
Date: Fri, 15 May 2020 15:55:38 -0400
Subject: [PATCH] Don't allow the transaction status icon shrink

---
 src/components/AccountDetails/Transaction.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/AccountDetails/Transaction.tsx b/src/components/AccountDetails/Transaction.tsx
index 79e54a9543..b8c21a1d1e 100644
--- a/src/components/AccountDetails/Transaction.tsx
+++ b/src/components/AccountDetails/Transaction.tsx
@@ -48,6 +48,10 @@ const TransactionState = styled(Link)<{ pending: boolean; success?: boolean }>`
   }
 `
 
+const IconWrapper = styled.div`
+  flex-shrink: 0;
+`
+
 export default function Transaction({ hash }: { hash: string }) {
   const { chainId } = useWeb3React()
   const allTransactions = useAllTransactions()
@@ -62,7 +66,9 @@ export default function Transaction({ hash }: { hash: string }) {
     <TransactionWrapper>
       <TransactionState href={getEtherscanLink(chainId, hash, 'transaction')} pending={pending} success={success}>
         <TransactionStatusText>{summary ? summary : hash}</TransactionStatusText>
-        {pending ? <Spinner src={Circle} /> : success ? <Check size="16" /> : <Triangle size="16" />}
+        <IconWrapper>
+          {pending ? <Spinner src={Circle} /> : success ? <Check size="16" /> : <Triangle size="16" />}
+        </IconWrapper>
       </TransactionState>
     </TransactionWrapper>
   )