diff --git a/web/cashtab/src/components/Wallet/Tx.js b/web/cashtab/src/components/Wallet/Tx.js
index 9af7eb142..5a7d9e24d 100644
--- a/web/cashtab/src/components/Wallet/Tx.js
+++ b/web/cashtab/src/components/Wallet/Tx.js
@@ -1,229 +1,258 @@
 import React from 'react';
 import styled from 'styled-components';
 import { ArrowUpOutlined, ArrowDownOutlined } from '@ant-design/icons';
 import { currency } from '@components/Common/Ticker';
 import makeBlockie from 'ethereum-blockies-base64';
 import { Img } from 'react-image';
 
 const SentTx = styled(ArrowUpOutlined)`
     color: ${props => props.theme.secondary} !important;
 `;
 const ReceivedTx = styled(ArrowDownOutlined)`
     color: ${props => props.theme.primary} !important;
 `;
 const DateType = styled.div`
     text-align: left;
     padding: 12px;
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
     }
 `;
 
 const SentLabel = styled.span`
     font-weight: bold;
 
     color: ${props => props.theme.secondary} !important;
 `;
 const ReceivedLabel = styled.span`
     font-weight: bold;
     color: ${props => props.theme.primary} !important;
 `;
 const TxIcon = styled.div`
     svg {
         width: 32px;
         height: 32px;
     }
     height: 32px;
     width: 32px;
     @media screen and (max-width: 500px) {
         svg {
             width: 24px;
             height: 24px;
         }
         height: 24px;
         width: 24px;
     }
 `;
 
 const TxInfo = styled.div`
     padding: 12px;
     font-size: 1rem;
     text-align: right;
 
     color: ${props =>
         props.outgoing ? props.theme.secondary : props.theme.primary};
 
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
     }
 `;
+const TxFiatPrice = styled.span`
+    font-size: 0.8rem;
+`;
 const TokenInfo = styled.div`
     display: grid;
     grid-template-rows: 50%;
     grid-template-columns: 24px auto;
     padding: 12px;
     font-size: 1rem;
 
     color: ${props =>
         props.outgoing ? props.theme.secondary : props.theme.primary};
 
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
         grid-template-columns: 16px auto;
     }
 `;
 const TxTokenIcon = styled.div`
     img {
         height: 24px;
         width: 24px;
     }
     @media screen and (max-width: 500px) {
         img {
             height: 16px;
             width: 16px;
         }
     }
     grid-column-start: 1;
     grid-column-end: span 1;
     grid-row-start: 1;
     grid-row-end: span 2;
     align-self: center;
 `;
 const TokenTxAmt = styled.div`
     padding-left: 12px;
     text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 `;
 const TokenName = styled.div`
     padding-left: 12px;
     font-size: 0.8rem;
     @media screen and (max-width: 500px) {
         font-size: 0.6rem;
     }
     text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 `;
 
 const TxWrapper = styled.div`
     display: grid;
     grid-template-columns: 36px 30% 50%;
 
     justify-content: space-between;
     align-items: center;
     padding: 15px 25px;
     border-radius: 3px;
     background: ${props => props.theme.tokenListItem.background};
     margin-bottom: 3px;
     box-shadow: ${props => props.theme.tokenListItem.boxShadow};
     border: 1px solid ${props => props.theme.tokenListItem.border};
 
     :hover {
         border-color: ${props => props.theme.primary};
     }
     @media screen and (max-width: 500px) {
         grid-template-columns: 24px 30% 50%;
         padding: 12px 12px;
     }
 `;
 
-const Tx = ({ data }) => {
+const Tx = ({ data, fiatPrice }) => {
     const txDate =
         typeof data.blocktime === 'undefined'
             ? new Date().toLocaleDateString()
             : new Date(data.blocktime * 1000).toLocaleDateString();
 
     return (
         <TxWrapper>
             <TxIcon>{data.outgoingTx ? <SentTx /> : <ReceivedTx />}</TxIcon>
             <DateType>
                 {data.outgoingTx ? (
                     <SentLabel>Sent</SentLabel>
                 ) : (
                     <ReceivedLabel>Received</ReceivedLabel>
                 )}
                 <br />
                 {txDate}
             </DateType>
             {data.tokenTx ? (
                 <TokenInfo outgoing={data.outgoingTx}>
                     {data.tokenTx && data.tokenInfo ? (
                         <>
                             <TxTokenIcon>
                                 {currency.tokenIconsUrl !== '' ? (
                                     <Img
                                         src={`${currency.tokenIconsUrl}/${data.tokenInfo.tokenId}.png`}
                                         unloader={
                                             <img
                                                 alt={`identicon of tokenId ${data.tokenInfo.tokenId} `}
                                                 style={{
                                                     borderRadius: '50%',
                                                 }}
                                                 key={`identicon-${data.tokenInfo.tokenId}`}
                                                 src={makeBlockie(
                                                     data.tokenInfo.tokenId,
                                                 )}
                                             />
                                         }
                                     />
                                 ) : (
                                     <img
                                         alt={`identicon of tokenId ${data.tokenInfo.tokenId} `}
                                         style={{
                                             borderRadius: '50%',
                                         }}
                                         key={`identicon-${data.tokenInfo.tokenId}`}
                                         src={makeBlockie(
                                             data.tokenInfo.tokenId,
                                         )}
                                     />
                                 )}
                             </TxTokenIcon>
                             {data.outgoingTx ? (
                                 <>
                                     <TokenTxAmt>
                                         - {data.tokenInfo.qtySent.toString()}
                                         &nbsp;{data.tokenInfo.tokenTicker}
                                     </TokenTxAmt>
                                     <TokenName>
                                         {data.tokenInfo.tokenName}
                                     </TokenName>
                                 </>
                             ) : (
                                 <>
                                     <TokenTxAmt>
                                         +{' '}
                                         {data.tokenInfo.qtyReceived.toString()}
                                         &nbsp;{data.tokenInfo.tokenTicker}
                                     </TokenTxAmt>
                                     <TokenName>
                                         {data.tokenInfo.tokenName}
                                     </TokenName>
                                 </>
                             )}
                         </>
                     ) : (
                         <span>Token Tx</span>
                     )}
                 </TokenInfo>
             ) : (
                 <>
                     <TxInfo outgoing={data.outgoingTx}>
-                        {data.outgoingTx
-                            ? `- ${data.amountSent.toFixed(8)} ${
-                                  currency.ticker
-                              }`
-                            : `+ ${data.amountReceived.toFixed(8)} ${
-                                  currency.ticker
-                              }`}
+                        {data.outgoingTx ? (
+                            <>
+                                - {data.amountSent.toFixed(8)}
+                                {currency.ticker}
+                                <br />
+                                {fiatPrice !== null &&
+                                    !isNaN(data.amountSent) && (
+                                        <TxFiatPrice>
+                                            - $
+                                            {(
+                                                data.amountSent * fiatPrice
+                                            ).toFixed(2)}{' '}
+                                            USD
+                                        </TxFiatPrice>
+                                    )}
+                            </>
+                        ) : (
+                            <>
+                                + {data.amountReceived.toFixed(8)}
+                                {currency.ticker}
+                                <br />
+                                {fiatPrice !== null &&
+                                    !isNaN(data.amountReceived) && (
+                                        <TxFiatPrice>
+                                            + $
+                                            {(
+                                                data.amountReceived * fiatPrice
+                                            ).toFixed(2)}{' '}
+                                            USD
+                                        </TxFiatPrice>
+                                    )}
+                            </>
+                        )}
                     </TxInfo>
                 </>
             )}
         </TxWrapper>
     );
 };
 
 export default Tx;
diff --git a/web/cashtab/src/components/Wallet/TxHistory.js b/web/cashtab/src/components/Wallet/TxHistory.js
index bf105c82e..972e6a61b 100644
--- a/web/cashtab/src/components/Wallet/TxHistory.js
+++ b/web/cashtab/src/components/Wallet/TxHistory.js
@@ -1,24 +1,24 @@
 import React from 'react';
 import styled from 'styled-components';
 import Tx from './Tx';
 
 export const TxLink = styled.a``;
 
-const TxHistory = ({ txs }) => {
+const TxHistory = ({ txs, fiatPrice }) => {
     return (
         <div>
             {txs.map(tx => (
                 <TxLink
                     key={tx.txid}
                     href={`https://explorer.be.cash/tx/${tx.txid}`}
                     target="_blank"
                     rel="noreferrer"
                 >
-                    <Tx data={tx} />
+                    <Tx data={tx} fiatPrice={fiatPrice} />
                 </TxLink>
             ))}
         </div>
     );
 };
 
 export default TxHistory;
diff --git a/web/cashtab/src/components/Wallet/Wallet.js b/web/cashtab/src/components/Wallet/Wallet.js
index a53c47acb..16277b6b6 100644
--- a/web/cashtab/src/components/Wallet/Wallet.js
+++ b/web/cashtab/src/components/Wallet/Wallet.js
@@ -1,369 +1,372 @@
 import React from 'react';
 import styled from 'styled-components';
 import { LinkOutlined, LoadingOutlined } from '@ant-design/icons';
 import { WalletContext } from '@utils/context';
 import { OnBoarding } from '@components/OnBoarding/OnBoarding';
 import { QRCode } from '@components/Common/QRCode';
 import { currency } from '@components/Common/Ticker.js';
 import { Link } from 'react-router-dom';
 import TokenList from './TokenList';
 import TxHistory from './TxHistory';
 import { CashLoader } from '@components/Common/CustomIcons';
 import { formatBalance } from '@utils/cashMethods';
 
 export const LoadingCtn = styled.div`
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 400px;
     flex-direction: column;
 
     svg {
         width: 50px;
         height: 50px;
         fill: ${props => props.theme.primary};
     }
 `;
 
 export const BalanceHeader = styled.div`
     color: ${props => props.theme.wallet.text.primary};
     width: 100%;
     font-size: 30px;
     font-weight: bold;
     @media (max-width: 768px) {
         font-size: 23px;
     }
 `;
 
 export const BalanceHeaderFiat = styled.div`
     color: ${props => props.theme.wallet.text.secondary};
     width: 100%;
     font-size: 18px;
     margin-bottom: 20px;
     font-weight: bold;
     @media (max-width: 768px) {
         font-size: 16px;
     }
 `;
 
 export const ZeroBalanceHeader = styled.div`
     color: ${props => props.theme.wallet.text.primary};
     width: 100%;
     font-size: 14px;
     margin-bottom: 5px;
 `;
 
 export const Tabs = styled.div`
     margin: auto;
     margin-bottom: 12px;
     display: inline-block;
     text-align: center;
 `;
 export const TabLabel = styled.button`
     :focus,
     :active {
         outline: none;
     }
 
     border: none;
     background: none;
     font-size: 20px;
     cursor: pointer;
 
     @media (max-width: 400px) {
         font-size: 16px;
     }
 
     ${({ active, ...props }) =>
         active &&
         `    
         color: ${props.theme.primary};       
   `}
 `;
 export const TabLine = styled.div`
     margin: auto;
     transition: margin-left 0.5s ease-in-out, width 0.5s 0.1s;
     height: 4px;
     border-radius: 5px;
     background-color: ${props => props.theme.primary};
     pointer-events: none;
 
     margin-left: 72%;
     width: 28%;
 
     ${({ left, ...props }) =>
         left &&
         `
         margin-left: 1%
         width: 69%;
   `}
 `;
 export const TabPane = styled.div`
     ${({ active }) =>
         !active &&
         `    
         display: none;
   `}
 `;
 
 export const SwitchBtnCtn = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
     align-content: space-between;
     margin-bottom: 15px;
     .nonactiveBtn {
         color: ${props => props.theme.wallet.text.secondary};
         background: ${props =>
             props.theme.wallet.switch.inactive.background} !important;
         box-shadow: none !important;
     }
     .slpActive {
         background: ${props =>
             props.theme.wallet.switch.activeToken.background} !important;
         box-shadow: ${props =>
             props.theme.wallet.switch.activeToken.shadow} !important;
     }
 `;
 
 export const SwitchBtn = styled.div`
     font-weight: bold;
     display: inline-block;
     cursor: pointer;
     color: ${props => props.theme.contrast};
     font-size: 14px;
     padding: 6px 0;
     width: 100px;
     margin: 0 1px;
     text-decoration: none;
     background: ${props => props.theme.primary};
     box-shadow: ${props => props.theme.wallet.switch.activeCash.shadow};
     user-select: none;
     :first-child {
         border-radius: 100px 0 0 100px;
     }
     :nth-child(2) {
         border-radius: 0 100px 100px 0;
     }
 `;
 
 export const Links = styled(Link)`
     color: ${props => props.theme.wallet.text.secondary};
     width: 100%;
     font-size: 16px;
     margin: 10px 0 20px 0;
     border: 1px solid ${props => props.theme.wallet.text.secondary};
     padding: 14px 0;
     display: inline-block;
     border-radius: 3px;
     transition: all 200ms ease-in-out;
     svg {
         fill: ${props => props.theme.wallet.text.secondary};
     }
     :hover {
         color: ${props => props.theme.primary};
         border-color: ${props => props.theme.primary};
         svg {
             fill: ${props => props.theme.primary};
         }
     }
     @media (max-width: 768px) {
         padding: 10px 0;
         font-size: 14px;
     }
 `;
 
 export const ExternalLink = styled.a`
     color: ${props => props.theme.wallet.text.secondary};
     width: 100%;
     font-size: 16px;
     margin: 0 0 20px 0;
     border: 1px solid ${props => props.theme.wallet.text.secondary};
     padding: 14px 0;
     display: inline-block;
     border-radius: 3px;
     transition: all 200ms ease-in-out;
     svg {
         fill: ${props => props.theme.wallet.text.secondary};
         transition: all 200ms ease-in-out;
     }
     :hover {
         color: ${props => props.theme.primary};
         border-color: ${props => props.theme.primary};
         svg {
             fill: ${props => props.theme.primary};
         }
     }
     @media (max-width: 768px) {
         padding: 10px 0;
         font-size: 14px;
     }
 `;
 
 const WalletInfo = () => {
     const ContextValue = React.useContext(WalletContext);
     const {
         wallet,
         fiatPrice,
         balances,
         tokens,
         parsedTxHistory,
         apiError,
     } = ContextValue;
     const [address, setAddress] = React.useState('cashAddress');
     const [activeTab, setActiveTab] = React.useState('txHistory');
 
     const hasHistory = parsedTxHistory && parsedTxHistory.length > 0;
 
     const handleChangeAddress = () => {
         setAddress(address === 'cashAddress' ? 'slpAddress' : 'cashAddress');
     };
 
     return (
         <>
             {!balances.totalBalance && !apiError && !hasHistory ? (
                 <>
                     <ZeroBalanceHeader>
                         <span role="img" aria-label="party emoji">
                             🎉
                         </span>
                         Congratulations on your new wallet!{' '}
                         <span role="img" aria-label="party emoji">
                             🎉
                         </span>
                         <br /> Start using the wallet immediately to receive{' '}
                         {currency.ticker} payments, or load it up with{' '}
                         {currency.ticker} to send to others
                     </ZeroBalanceHeader>
                     <BalanceHeader>0 {currency.ticker}</BalanceHeader>
                 </>
             ) : (
                 <>
                     <BalanceHeader>
                         {formatBalance(balances.totalBalance)} {currency.ticker}
                     </BalanceHeader>
                     {fiatPrice !== null && !isNaN(balances.totalBalance) && (
                         <BalanceHeaderFiat>
                             ${(balances.totalBalance * fiatPrice).toFixed(2)}{' '}
                             USD
                         </BalanceHeaderFiat>
                     )}
                 </>
             )}
             {apiError && (
                 <>
                     <p style={{ color: 'red' }}>
                         <b>An error occured on our end.</b>
                         <br></br> Re-establishing connection...
                     </p>
                     <CashLoader />
                 </>
             )}
 
             {wallet &&
                 ((wallet.Path245 && wallet.Path145) || wallet.Path1899) && (
                     <>
                         {wallet.Path1899 ? (
                             <QRCode
                                 id="borderedQRCode"
                                 address={
                                     address === 'slpAddress'
                                         ? wallet.Path1899.slpAddress
                                         : wallet.Path1899.cashAddress
                                 }
                             />
                         ) : (
                             <QRCode
                                 id="borderedQRCode"
                                 address={
                                     address === 'slpAddress'
                                         ? wallet.Path245.slpAddress
                                         : wallet.Path145.cashAddress
                                 }
                             />
                         )}
                     </>
                 )}
 
             <SwitchBtnCtn>
                 <SwitchBtn
                     onClick={() => handleChangeAddress()}
                     className={
                         address !== 'cashAddress' ? 'nonactiveBtn' : null
                     }
                 >
                     {currency.ticker}
                 </SwitchBtn>
                 <SwitchBtn
                     onClick={() => handleChangeAddress()}
                     className={
                         address === 'cashAddress' ? 'nonactiveBtn' : 'slpActive'
                     }
                 >
                     {currency.tokenTicker}
                 </SwitchBtn>
             </SwitchBtnCtn>
             {hasHistory && parsedTxHistory && (
                 <>
                     <Tabs>
                         <TabLabel
                             active={activeTab === 'txHistory'}
                             onClick={() => setActiveTab('txHistory')}
                         >
                             Transaction History
                         </TabLabel>
                         <TabLabel
                             active={activeTab === 'tokens'}
                             onClick={() => setActiveTab('tokens')}
                         >
                             Tokens
                         </TabLabel>
                         <TabLine left={activeTab === 'txHistory'} />
                     </Tabs>
 
                     <TabPane active={activeTab === 'txHistory'}>
-                        <TxHistory txs={parsedTxHistory} />
+                        <TxHistory
+                            txs={parsedTxHistory}
+                            fiatPrice={fiatPrice}
+                        />
                         <ExternalLink
                             style={{ marginTop: '24px' }}
                             href={`${currency.blockExplorerUrl}/address/${wallet.Path1899.cashAddress}`}
                             target="_blank"
                             rel="noopener noreferrer"
                         >
                             <LinkOutlined /> More transactions
                         </ExternalLink>
                     </TabPane>
                     <TabPane active={activeTab === 'tokens'}>
                         {tokens && tokens.length > 0 ? (
                             <TokenList tokens={tokens} />
                         ) : (
                             <p>
                                 Tokens sent to your {currency.tokenTicker}{' '}
                                 address will appear here
                             </p>
                         )}
                     </TabPane>
                 </>
             )}
         </>
     );
 };
 
 const Wallet = () => {
     const ContextValue = React.useContext(WalletContext);
     const { wallet, loading } = ContextValue;
 
     return (
         <>
             {loading ? (
                 <LoadingCtn>
                     <LoadingOutlined />
                 </LoadingCtn>
             ) : (
                 <>{wallet.Path1899 ? <WalletInfo /> : <OnBoarding />}</>
             )}
         </>
     );
 };
 
 export default Wallet;
diff --git a/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap b/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap
index 914f07776..ef86080e9 100644
--- a/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap
+++ b/web/cashtab/src/components/Wallet/__tests__/__snapshots__/Wallet.test.js.snap
@@ -1,409 +1,409 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-cMljjf bDpRBY"
+    className="sc-jAaTju dsaCuU"
   >
     0.06047469
      
     BCHA
   </div>,
   <div
-    className="sc-jAaTju eXqqXt"
+    className="sc-jDwBTQ hhosDq"
   >
     $
     NaN
      
     USD
   </div>,
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
       className="sc-cSHVUG gIRqBE"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied
     </div>
     <svg
       bch={1}
       className="sc-jzJRlG jklgUU"
       height={210}
       id="borderedQRCode"
       shapeRendering="crispEdges"
       viewBox="0 0 41 41"
       width={210}
     >
       <path
         d="M0,0 h41v41H0z"
         fill="#FFFFFF"
       />
       <path
         d="M4 4h7v1H4zM12 4h1v1H12zM17 4h2v1H17zM20 4h2v1H20zM27 4h1v1H27zM30,4 h7v1H30zM4 5h1v1H4zM10 5h1v1H10zM12 5h1v1H12zM15 5h5v1H15zM22 5h4v1H22zM28 5h1v1H28zM30 5h1v1H30zM36,5 h1v1H36zM4 6h1v1H4zM6 6h3v1H6zM10 6h1v1H10zM12 6h2v1H12zM16 6h1v1H16zM18 6h1v1H18zM21 6h5v1H21zM28 6h1v1H28zM30 6h1v1H30zM32 6h3v1H32zM36,6 h1v1H36zM4 7h1v1H4zM6 7h3v1H6zM10 7h1v1H10zM12 7h3v1H12zM16 7h1v1H16zM24 7h1v1H24zM27 7h2v1H27zM30 7h1v1H30zM32 7h3v1H32zM36,7 h1v1H36zM4 8h1v1H4zM6 8h3v1H6zM10 8h1v1H10zM13 8h2v1H13zM16 8h1v1H16zM24 8h2v1H24zM27 8h1v1H27zM30 8h1v1H30zM32 8h3v1H32zM36,8 h1v1H36zM4 9h1v1H4zM10 9h1v1H10zM12 9h3v1H12zM20 9h2v1H20zM23 9h1v1H23zM25 9h2v1H25zM30 9h1v1H30zM36,9 h1v1H36zM4 10h7v1H4zM12 10h1v1H12zM14 10h1v1H14zM16 10h1v1H16zM18 10h1v1H18zM20 10h1v1H20zM22 10h1v1H22zM24 10h1v1H24zM26 10h1v1H26zM28 10h1v1H28zM30,10 h7v1H30zM14 11h2v1H14zM17 11h1v1H17zM19 11h5v1H19zM25 11h2v1H25zM4 12h2v1H4zM8 12h3v1H8zM14 12h1v1H14zM16 12h2v1H16zM21 12h1v1H21zM23 12h3v1H23zM27 12h2v1H27zM31 12h1v1H31zM33,12 h4v1H33zM4 13h1v1H4zM6 13h2v1H6zM11 13h2v1H11zM17 13h2v1H17zM20 13h1v1H20zM22 13h1v1H22zM26 13h2v1H26zM29 13h1v1H29zM31 13h1v1H31zM33 13h1v1H33zM35 13h1v1H35zM4 14h1v1H4zM6 14h1v1H6zM8 14h3v1H8zM13 14h2v1H13zM20 14h1v1H20zM24 14h1v1H24zM26 14h2v1H26zM29 14h1v1H29zM32 14h1v1H32zM34 14h2v1H34zM6 15h2v1H6zM11 15h1v1H11zM13 15h1v1H13zM16 15h1v1H16zM18 15h1v1H18zM21 15h3v1H21zM25 15h1v1H25zM27 15h1v1H27zM29 15h4v1H29zM35,15 h2v1H35zM10 16h3v1H10zM15 16h1v1H15zM17 16h5v1H17zM24 16h4v1H24zM30 16h1v1H30zM32 16h1v1H32zM35,16 h2v1H35zM4 17h2v1H4zM8 17h2v1H8zM11 17h1v1H11zM13 17h2v1H13zM16 17h1v1H16zM27 17h1v1H27zM31 17h1v1H31zM35 17h1v1H35zM4 18h1v1H4zM7 18h2v1H7zM10 18h1v1H10zM12 18h1v1H12zM15 18h2v1H15zM25 18h4v1H25zM30 18h2v1H30zM35 18h1v1H35zM5 19h2v1H5zM11 19h1v1H11zM14 19h2v1H14zM25 19h1v1H25zM27 19h1v1H27zM29 19h1v1H29zM31 19h1v1H31zM6 20h2v1H6zM10 20h1v1H10zM12 20h1v1H12zM14 20h1v1H14zM16 20h1v1H16zM24 20h3v1H24zM29 20h4v1H29zM36,20 h1v1H36zM4 21h5v1H4zM11 21h1v1H11zM13 21h1v1H13zM27 21h1v1H27zM31 21h1v1H31zM33 21h1v1H33zM5 22h1v1H5zM7 22h2v1H7zM10 22h1v1H10zM24 22h1v1H24zM26 22h2v1H26zM29 22h1v1H29zM32 22h4v1H32zM7 23h2v1H7zM11 23h3v1H11zM16 23h1v1H16zM25 23h1v1H25zM28 23h1v1H28zM31 23h2v1H31zM35 23h1v1H35zM5 24h4v1H5zM10 24h1v1H10zM12 24h2v1H12zM15 24h1v1H15zM17 24h3v1H17zM21 24h1v1H21zM24 24h3v1H24zM29 24h4v1H29zM35 24h1v1H35zM4 25h6v1H4zM11 25h1v1H11zM13 25h1v1H13zM16 25h1v1H16zM21 25h1v1H21zM25 25h1v1H25zM27 25h2v1H27zM31 25h1v1H31zM34 25h2v1H34zM8 26h1v1H8zM10 26h1v1H10zM12 26h1v1H12zM15 26h6v1H15zM26 26h2v1H26zM29 26h1v1H29zM31 26h1v1H31zM34 26h2v1H34zM8 27h1v1H8zM11 27h1v1H11zM14 27h2v1H14zM17 27h1v1H17zM21 27h1v1H21zM23 27h1v1H23zM25 27h3v1H25zM29 27h3v1H29zM36,27 h1v1H36zM4 28h5v1H4zM10 28h5v1H10zM16 28h2v1H16zM20 28h2v1H20zM23 28h1v1H23zM25 28h8v1H25zM35,28 h2v1H35zM12 29h3v1H12zM17 29h3v1H17zM22 29h1v1H22zM25 29h1v1H25zM28 29h1v1H28zM32 29h1v1H32zM34 29h2v1H34zM4 30h7v1H4zM13 30h1v1H13zM19 30h1v1H19zM22 30h1v1H22zM24 30h1v1H24zM28 30h1v1H28zM30 30h1v1H30zM32 30h1v1H32zM35 30h1v1H35zM4 31h1v1H4zM10 31h1v1H10zM12 31h2v1H12zM16 31h1v1H16zM18 31h6v1H18zM25 31h2v1H25zM28 31h1v1H28zM32 31h1v1H32zM36,31 h1v1H36zM4 32h1v1H4zM6 32h3v1H6zM10 32h1v1H10zM12 32h1v1H12zM15 32h1v1H15zM17 32h5v1H17zM23 32h1v1H23zM25 32h2v1H25zM28 32h6v1H28zM36,32 h1v1H36zM4 33h1v1H4zM6 33h3v1H6zM10 33h1v1H10zM14 33h1v1H14zM16 33h1v1H16zM19 33h2v1H19zM22 33h1v1H22zM24 33h3v1H24zM30 33h3v1H30zM34 33h1v1H34zM4 34h1v1H4zM6 34h3v1H6zM10 34h1v1H10zM13 34h1v1H13zM15 34h5v1H15zM24 34h1v1H24zM26 34h1v1H26zM30 34h3v1H30zM34 34h1v1H34zM4 35h1v1H4zM10 35h1v1H10zM12 35h1v1H12zM14 35h2v1H14zM17 35h1v1H17zM19 35h8v1H19zM28 35h5v1H28zM4 36h7v1H4zM12 36h2v1H12zM16 36h2v1H16zM20 36h2v1H20zM23 36h1v1H23zM25 36h1v1H25zM27 36h2v1H27zM30 36h1v1H30zM32 36h1v1H32zM36,36 h1v1H36z"
         fill="#000000"
       />
       <image
         height={6.247619047619048}
         preserveAspectRatio="none"
         width={6.247619047619048}
         x={17.376190476190477}
         xlinkHref="12-bitcoin-cash-square-crop.svg"
         y={17.376190476190477}
       />
     </svg>
     <div
       className="sc-kAzzGY iklfzZ"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="bitcoincash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7cptzgcqy6"
       />
       <span>
         qzagy4
       </span>
       7mvh6qxkvcn3acjnz73rkhkc6y7cpt
       <span>
         zgcqy6
       </span>
     </div>
   </div>,
   <div
-    className="sc-csuQGl bBvITO"
+    className="sc-Rmtcm ldTlYI"
   >
     <div
-      className="sc-Rmtcm cAICwQ"
+      className="sc-bRBYWo cvfjTr"
       onClick={[Function]}
     >
       BCHA
     </div>
     <div
-      className="sc-Rmtcm cAICwQ nonactiveBtn"
+      className="sc-bRBYWo cvfjTr nonactiveBtn"
       onClick={[Function]}
     >
       SLPA
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-cMljjf bDpRBY"
+    className="sc-jAaTju dsaCuU"
   >
     0.06047469
      
     BCHA
   </div>,
   <div
-    className="sc-jAaTju eXqqXt"
+    className="sc-jDwBTQ hhosDq"
   >
     $
     NaN
      
     USD
   </div>,
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
       className="sc-cSHVUG gIRqBE"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied
     </div>
     <svg
       bch={1}
       className="sc-jzJRlG jklgUU"
       height={210}
       id="borderedQRCode"
       shapeRendering="crispEdges"
       viewBox="0 0 41 41"
       width={210}
     >
       <path
         d="M0,0 h41v41H0z"
         fill="#FFFFFF"
       />
       <path
         d="M4 4h7v1H4zM12 4h1v1H12zM17 4h2v1H17zM20 4h2v1H20zM27 4h1v1H27zM30,4 h7v1H30zM4 5h1v1H4zM10 5h1v1H10zM12 5h1v1H12zM15 5h5v1H15zM22 5h4v1H22zM28 5h1v1H28zM30 5h1v1H30zM36,5 h1v1H36zM4 6h1v1H4zM6 6h3v1H6zM10 6h1v1H10zM12 6h2v1H12zM16 6h1v1H16zM18 6h1v1H18zM21 6h5v1H21zM28 6h1v1H28zM30 6h1v1H30zM32 6h3v1H32zM36,6 h1v1H36zM4 7h1v1H4zM6 7h3v1H6zM10 7h1v1H10zM12 7h3v1H12zM16 7h1v1H16zM24 7h1v1H24zM27 7h2v1H27zM30 7h1v1H30zM32 7h3v1H32zM36,7 h1v1H36zM4 8h1v1H4zM6 8h3v1H6zM10 8h1v1H10zM13 8h2v1H13zM16 8h1v1H16zM24 8h2v1H24zM27 8h1v1H27zM30 8h1v1H30zM32 8h3v1H32zM36,8 h1v1H36zM4 9h1v1H4zM10 9h1v1H10zM12 9h3v1H12zM20 9h2v1H20zM23 9h1v1H23zM25 9h2v1H25zM30 9h1v1H30zM36,9 h1v1H36zM4 10h7v1H4zM12 10h1v1H12zM14 10h1v1H14zM16 10h1v1H16zM18 10h1v1H18zM20 10h1v1H20zM22 10h1v1H22zM24 10h1v1H24zM26 10h1v1H26zM28 10h1v1H28zM30,10 h7v1H30zM14 11h2v1H14zM17 11h1v1H17zM19 11h5v1H19zM25 11h2v1H25zM4 12h2v1H4zM8 12h3v1H8zM14 12h1v1H14zM16 12h2v1H16zM21 12h1v1H21zM23 12h3v1H23zM27 12h2v1H27zM31 12h1v1H31zM33,12 h4v1H33zM4 13h1v1H4zM6 13h2v1H6zM11 13h2v1H11zM17 13h2v1H17zM20 13h1v1H20zM22 13h1v1H22zM26 13h2v1H26zM29 13h1v1H29zM31 13h1v1H31zM33 13h1v1H33zM35 13h1v1H35zM4 14h1v1H4zM6 14h1v1H6zM8 14h3v1H8zM13 14h2v1H13zM20 14h1v1H20zM24 14h1v1H24zM26 14h2v1H26zM29 14h1v1H29zM32 14h1v1H32zM34 14h2v1H34zM6 15h2v1H6zM11 15h1v1H11zM13 15h1v1H13zM16 15h1v1H16zM18 15h1v1H18zM21 15h3v1H21zM25 15h1v1H25zM27 15h1v1H27zM29 15h4v1H29zM35,15 h2v1H35zM10 16h3v1H10zM15 16h1v1H15zM17 16h5v1H17zM24 16h4v1H24zM30 16h1v1H30zM32 16h1v1H32zM35,16 h2v1H35zM4 17h2v1H4zM8 17h2v1H8zM11 17h1v1H11zM13 17h2v1H13zM16 17h1v1H16zM27 17h1v1H27zM31 17h1v1H31zM35 17h1v1H35zM4 18h1v1H4zM7 18h2v1H7zM10 18h1v1H10zM12 18h1v1H12zM15 18h2v1H15zM25 18h4v1H25zM30 18h2v1H30zM35 18h1v1H35zM5 19h2v1H5zM11 19h1v1H11zM14 19h2v1H14zM25 19h1v1H25zM27 19h1v1H27zM29 19h1v1H29zM31 19h1v1H31zM6 20h2v1H6zM10 20h1v1H10zM12 20h1v1H12zM14 20h1v1H14zM16 20h1v1H16zM24 20h3v1H24zM29 20h4v1H29zM36,20 h1v1H36zM4 21h5v1H4zM11 21h1v1H11zM13 21h1v1H13zM27 21h1v1H27zM31 21h1v1H31zM33 21h1v1H33zM5 22h1v1H5zM7 22h2v1H7zM10 22h1v1H10zM24 22h1v1H24zM26 22h2v1H26zM29 22h1v1H29zM32 22h4v1H32zM7 23h2v1H7zM11 23h3v1H11zM16 23h1v1H16zM25 23h1v1H25zM28 23h1v1H28zM31 23h2v1H31zM35 23h1v1H35zM5 24h4v1H5zM10 24h1v1H10zM12 24h2v1H12zM15 24h1v1H15zM17 24h3v1H17zM21 24h1v1H21zM24 24h3v1H24zM29 24h4v1H29zM35 24h1v1H35zM4 25h6v1H4zM11 25h1v1H11zM13 25h1v1H13zM16 25h1v1H16zM21 25h1v1H21zM25 25h1v1H25zM27 25h2v1H27zM31 25h1v1H31zM34 25h2v1H34zM8 26h1v1H8zM10 26h1v1H10zM12 26h1v1H12zM15 26h6v1H15zM26 26h2v1H26zM29 26h1v1H29zM31 26h1v1H31zM34 26h2v1H34zM8 27h1v1H8zM11 27h1v1H11zM14 27h2v1H14zM17 27h1v1H17zM21 27h1v1H21zM23 27h1v1H23zM25 27h3v1H25zM29 27h3v1H29zM36,27 h1v1H36zM4 28h5v1H4zM10 28h5v1H10zM16 28h2v1H16zM20 28h2v1H20zM23 28h1v1H23zM25 28h8v1H25zM35,28 h2v1H35zM12 29h3v1H12zM17 29h3v1H17zM22 29h1v1H22zM25 29h1v1H25zM28 29h1v1H28zM32 29h1v1H32zM34 29h2v1H34zM4 30h7v1H4zM13 30h1v1H13zM19 30h1v1H19zM22 30h1v1H22zM24 30h1v1H24zM28 30h1v1H28zM30 30h1v1H30zM32 30h1v1H32zM35 30h1v1H35zM4 31h1v1H4zM10 31h1v1H10zM12 31h2v1H12zM16 31h1v1H16zM18 31h6v1H18zM25 31h2v1H25zM28 31h1v1H28zM32 31h1v1H32zM36,31 h1v1H36zM4 32h1v1H4zM6 32h3v1H6zM10 32h1v1H10zM12 32h1v1H12zM15 32h1v1H15zM17 32h5v1H17zM23 32h1v1H23zM25 32h2v1H25zM28 32h6v1H28zM36,32 h1v1H36zM4 33h1v1H4zM6 33h3v1H6zM10 33h1v1H10zM14 33h1v1H14zM16 33h1v1H16zM19 33h2v1H19zM22 33h1v1H22zM24 33h3v1H24zM30 33h3v1H30zM34 33h1v1H34zM4 34h1v1H4zM6 34h3v1H6zM10 34h1v1H10zM13 34h1v1H13zM15 34h5v1H15zM24 34h1v1H24zM26 34h1v1H26zM30 34h3v1H30zM34 34h1v1H34zM4 35h1v1H4zM10 35h1v1H10zM12 35h1v1H12zM14 35h2v1H14zM17 35h1v1H17zM19 35h8v1H19zM28 35h5v1H28zM4 36h7v1H4zM12 36h2v1H12zM16 36h2v1H16zM20 36h2v1H20zM23 36h1v1H23zM25 36h1v1H25zM27 36h2v1H27zM30 36h1v1H30zM32 36h1v1H32zM36,36 h1v1H36z"
         fill="#000000"
       />
       <image
         height={6.247619047619048}
         preserveAspectRatio="none"
         width={6.247619047619048}
         x={17.376190476190477}
         xlinkHref="12-bitcoin-cash-square-crop.svg"
         y={17.376190476190477}
       />
     </svg>
     <div
       className="sc-kAzzGY iklfzZ"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="bitcoincash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7cptzgcqy6"
       />
       <span>
         qzagy4
       </span>
       7mvh6qxkvcn3acjnz73rkhkc6y7cpt
       <span>
         zgcqy6
       </span>
     </div>
   </div>,
   <div
-    className="sc-csuQGl bBvITO"
+    className="sc-Rmtcm ldTlYI"
   >
     <div
-      className="sc-Rmtcm cAICwQ"
+      className="sc-bRBYWo cvfjTr"
       onClick={[Function]}
     >
       BCHA
     </div>
     <div
-      className="sc-Rmtcm cAICwQ nonactiveBtn"
+      className="sc-bRBYWo cvfjTr nonactiveBtn"
       onClick={[Function]}
     >
       SLPA
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-jDwBTQ jcGieQ"
+    className="sc-gPEVay iEbfNY"
   >
     <span
       aria-label="party emoji"
       role="img"
     >
       🎉
     </span>
     Congratulations on your new wallet!
      
     <span
       aria-label="party emoji"
       role="img"
     >
       🎉
     </span>
     <br />
      Start using the wallet immediately to receive
      
     BCHA
      payments, or load it up with
      
     BCHA
      to send to others
   </div>,
   <div
-    className="sc-cMljjf bDpRBY"
+    className="sc-jAaTju dsaCuU"
   >
     0 
     BCHA
   </div>,
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
       className="sc-cSHVUG gIRqBE"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied
     </div>
     <svg
       bch={1}
       className="sc-jzJRlG jklgUU"
       height={210}
       id="borderedQRCode"
       shapeRendering="crispEdges"
       viewBox="0 0 41 41"
       width={210}
     >
       <path
         d="M0,0 h41v41H0z"
         fill="#FFFFFF"
       />
       <path
         d="M4 4h7v1H4zM12 4h1v1H12zM17 4h2v1H17zM20 4h2v1H20zM27 4h1v1H27zM30,4 h7v1H30zM4 5h1v1H4zM10 5h1v1H10zM12 5h1v1H12zM15 5h5v1H15zM22 5h4v1H22zM28 5h1v1H28zM30 5h1v1H30zM36,5 h1v1H36zM4 6h1v1H4zM6 6h3v1H6zM10 6h1v1H10zM12 6h2v1H12zM16 6h1v1H16zM18 6h1v1H18zM21 6h5v1H21zM28 6h1v1H28zM30 6h1v1H30zM32 6h3v1H32zM36,6 h1v1H36zM4 7h1v1H4zM6 7h3v1H6zM10 7h1v1H10zM12 7h3v1H12zM16 7h1v1H16zM24 7h1v1H24zM27 7h2v1H27zM30 7h1v1H30zM32 7h3v1H32zM36,7 h1v1H36zM4 8h1v1H4zM6 8h3v1H6zM10 8h1v1H10zM13 8h2v1H13zM16 8h1v1H16zM24 8h2v1H24zM27 8h1v1H27zM30 8h1v1H30zM32 8h3v1H32zM36,8 h1v1H36zM4 9h1v1H4zM10 9h1v1H10zM12 9h3v1H12zM20 9h2v1H20zM23 9h1v1H23zM25 9h2v1H25zM30 9h1v1H30zM36,9 h1v1H36zM4 10h7v1H4zM12 10h1v1H12zM14 10h1v1H14zM16 10h1v1H16zM18 10h1v1H18zM20 10h1v1H20zM22 10h1v1H22zM24 10h1v1H24zM26 10h1v1H26zM28 10h1v1H28zM30,10 h7v1H30zM14 11h2v1H14zM17 11h1v1H17zM19 11h5v1H19zM25 11h2v1H25zM4 12h2v1H4zM8 12h3v1H8zM14 12h1v1H14zM16 12h2v1H16zM21 12h1v1H21zM23 12h3v1H23zM27 12h2v1H27zM31 12h1v1H31zM33,12 h4v1H33zM4 13h1v1H4zM6 13h2v1H6zM11 13h2v1H11zM17 13h2v1H17zM20 13h1v1H20zM22 13h1v1H22zM26 13h2v1H26zM29 13h1v1H29zM31 13h1v1H31zM33 13h1v1H33zM35 13h1v1H35zM4 14h1v1H4zM6 14h1v1H6zM8 14h3v1H8zM13 14h2v1H13zM20 14h1v1H20zM24 14h1v1H24zM26 14h2v1H26zM29 14h1v1H29zM32 14h1v1H32zM34 14h2v1H34zM6 15h2v1H6zM11 15h1v1H11zM13 15h1v1H13zM16 15h1v1H16zM18 15h1v1H18zM21 15h3v1H21zM25 15h1v1H25zM27 15h1v1H27zM29 15h4v1H29zM35,15 h2v1H35zM10 16h3v1H10zM15 16h1v1H15zM17 16h5v1H17zM24 16h4v1H24zM30 16h1v1H30zM32 16h1v1H32zM35,16 h2v1H35zM4 17h2v1H4zM8 17h2v1H8zM11 17h1v1H11zM13 17h2v1H13zM16 17h1v1H16zM27 17h1v1H27zM31 17h1v1H31zM35 17h1v1H35zM4 18h1v1H4zM7 18h2v1H7zM10 18h1v1H10zM12 18h1v1H12zM15 18h2v1H15zM25 18h4v1H25zM30 18h2v1H30zM35 18h1v1H35zM5 19h2v1H5zM11 19h1v1H11zM14 19h2v1H14zM25 19h1v1H25zM27 19h1v1H27zM29 19h1v1H29zM31 19h1v1H31zM6 20h2v1H6zM10 20h1v1H10zM12 20h1v1H12zM14 20h1v1H14zM16 20h1v1H16zM24 20h3v1H24zM29 20h4v1H29zM36,20 h1v1H36zM4 21h5v1H4zM11 21h1v1H11zM13 21h1v1H13zM27 21h1v1H27zM31 21h1v1H31zM33 21h1v1H33zM5 22h1v1H5zM7 22h2v1H7zM10 22h1v1H10zM24 22h1v1H24zM26 22h2v1H26zM29 22h1v1H29zM32 22h4v1H32zM7 23h2v1H7zM11 23h3v1H11zM16 23h1v1H16zM25 23h1v1H25zM28 23h1v1H28zM31 23h2v1H31zM35 23h1v1H35zM5 24h4v1H5zM10 24h1v1H10zM12 24h2v1H12zM15 24h1v1H15zM17 24h3v1H17zM21 24h1v1H21zM24 24h3v1H24zM29 24h4v1H29zM35 24h1v1H35zM4 25h6v1H4zM11 25h1v1H11zM13 25h1v1H13zM16 25h1v1H16zM21 25h1v1H21zM25 25h1v1H25zM27 25h2v1H27zM31 25h1v1H31zM34 25h2v1H34zM8 26h1v1H8zM10 26h1v1H10zM12 26h1v1H12zM15 26h6v1H15zM26 26h2v1H26zM29 26h1v1H29zM31 26h1v1H31zM34 26h2v1H34zM8 27h1v1H8zM11 27h1v1H11zM14 27h2v1H14zM17 27h1v1H17zM21 27h1v1H21zM23 27h1v1H23zM25 27h3v1H25zM29 27h3v1H29zM36,27 h1v1H36zM4 28h5v1H4zM10 28h5v1H10zM16 28h2v1H16zM20 28h2v1H20zM23 28h1v1H23zM25 28h8v1H25zM35,28 h2v1H35zM12 29h3v1H12zM17 29h3v1H17zM22 29h1v1H22zM25 29h1v1H25zM28 29h1v1H28zM32 29h1v1H32zM34 29h2v1H34zM4 30h7v1H4zM13 30h1v1H13zM19 30h1v1H19zM22 30h1v1H22zM24 30h1v1H24zM28 30h1v1H28zM30 30h1v1H30zM32 30h1v1H32zM35 30h1v1H35zM4 31h1v1H4zM10 31h1v1H10zM12 31h2v1H12zM16 31h1v1H16zM18 31h6v1H18zM25 31h2v1H25zM28 31h1v1H28zM32 31h1v1H32zM36,31 h1v1H36zM4 32h1v1H4zM6 32h3v1H6zM10 32h1v1H10zM12 32h1v1H12zM15 32h1v1H15zM17 32h5v1H17zM23 32h1v1H23zM25 32h2v1H25zM28 32h6v1H28zM36,32 h1v1H36zM4 33h1v1H4zM6 33h3v1H6zM10 33h1v1H10zM14 33h1v1H14zM16 33h1v1H16zM19 33h2v1H19zM22 33h1v1H22zM24 33h3v1H24zM30 33h3v1H30zM34 33h1v1H34zM4 34h1v1H4zM6 34h3v1H6zM10 34h1v1H10zM13 34h1v1H13zM15 34h5v1H15zM24 34h1v1H24zM26 34h1v1H26zM30 34h3v1H30zM34 34h1v1H34zM4 35h1v1H4zM10 35h1v1H10zM12 35h1v1H12zM14 35h2v1H14zM17 35h1v1H17zM19 35h8v1H19zM28 35h5v1H28zM4 36h7v1H4zM12 36h2v1H12zM16 36h2v1H16zM20 36h2v1H20zM23 36h1v1H23zM25 36h1v1H25zM27 36h2v1H27zM30 36h1v1H30zM32 36h1v1H32zM36,36 h1v1H36z"
         fill="#000000"
       />
       <image
         height={6.247619047619048}
         preserveAspectRatio="none"
         width={6.247619047619048}
         x={17.376190476190477}
         xlinkHref="12-bitcoin-cash-square-crop.svg"
         y={17.376190476190477}
       />
     </svg>
     <div
       className="sc-kAzzGY iklfzZ"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="bitcoincash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7cptzgcqy6"
       />
       <span>
         qzagy4
       </span>
       7mvh6qxkvcn3acjnz73rkhkc6y7cpt
       <span>
         zgcqy6
       </span>
     </div>
   </div>,
   <div
-    className="sc-csuQGl bBvITO"
+    className="sc-Rmtcm ldTlYI"
   >
     <div
-      className="sc-Rmtcm cAICwQ"
+      className="sc-bRBYWo cvfjTr"
       onClick={[Function]}
     >
       BCHA
     </div>
     <div
-      className="sc-Rmtcm cAICwQ nonactiveBtn"
+      className="sc-bRBYWo cvfjTr nonactiveBtn"
       onClick={[Function]}
     >
       SLPA
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <h2>
     Welcome to Cashtab!
   </h2>,
   <p
     className="sc-jTzLTM hSUTAU"
   >
     Cashtab is an
      
     <a
       className="sc-fjdhpX dmoGyj"
       href="https://github.com/bitcoin-abc/bitcoin-abc"
       rel="noreferrer"
       target="_blank"
     >
       open source,
     </a>
      
     non-custodial web wallet for 
     Bitcoin ABC
     .
     <br />
     <br />
     Want to learn more?
      
     <a
       className="sc-fjdhpX dmoGyj"
       href="https://docs.cashtabapp.com/docs/"
       rel="noreferrer"
       target="_blank"
     >
       Check out the Cashtab documentation.
     </a>
   </p>,
   <button
     className="sc-gZMcBi iqApGK"
     onClick={[Function]}
   >
     <span
       aria-label="plus-square"
       className="anticon anticon-plus-square"
       role="img"
     >
       <svg
         aria-hidden="true"
         data-icon="plus-square"
         fill="currentColor"
         focusable="false"
         height="1em"
         viewBox="64 64 896 896"
         width="1em"
       >
         <path
           d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
         />
         <path
           d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
         />
       </svg>
     </span>
      New Wallet
   </button>,
   <button
     className="sc-gqjmRU eEPviq"
     onClick={[Function]}
   >
     <span
       aria-label="import"
       className="anticon anticon-import"
       role="img"
     >
       <svg
         aria-hidden="true"
         data-icon="import"
         fill="currentColor"
         focusable="false"
         height="1em"
         viewBox="64 64 896 896"
         width="1em"
       >
         <path
           d="M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zM902 476H588v-76c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-76h314c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
         />
       </svg>
     </span>
      Import Wallet
   </button>,
 ]
 `;