diff --git a/web/cashtab/src/components/Home/Tx.js b/web/cashtab/src/components/Home/Tx.js
index 339abc263..090f84d71 100644
--- a/web/cashtab/src/components/Home/Tx.js
+++ b/web/cashtab/src/components/Home/Tx.js
@@ -1,855 +1,856 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import {
     SendIcon,
     ReceiveIcon,
     GenesisIcon,
     UnparsedIcon,
     ThemedContactsOutlined,
 } from 'components/Common/CustomIcons';
 import { currency } from 'components/Common/Ticker';
 import { fromLegacyDecimals } from 'utils/cashMethods';
 import { formatBalance, formatDate } from 'utils/formatting';
 import TokenIcon from 'components/Tokens/TokenIcon';
 import { Collapse } from 'antd';
 import CopyToClipboard from 'components/Common/CopyToClipboard';
 import {
     ThemedCopySolid,
     ThemedLinkSolid,
     ThemedPdfSolid,
 } from 'components/Common/CustomIcons';
 
 const TxIcon = styled.div`
     svg {
         width: 20px;
         height: 20px;
     }
     height: 40px;
     width: 40px;
     border: 1px solid #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100px;
 `;
 
 const AddToContacts = styled.span`
     max-height: 200px;
     text-align: left;
 `;
 
 const SentTx = styled(TxIcon)`
     svg {
         margin-right: -3px;
     }
     fill: ${props => props.theme.contrast};
 `;
 const ReceivedTx = styled(TxIcon)`
     svg {
         fill: ${props => props.theme.eCashBlue};
     }
     border-color: ${props => props.theme.eCashBlue};
 `;
 const GenesisTx = styled(TxIcon)`
     border-color: ${props => props.theme.genesisGreen};
     svg {
         fill: ${props => props.theme.genesisGreen};
     }
 `;
 const UnparsedTx = styled(TxIcon)`
     color: ${props => props.theme.eCashBlue} !important;
 `;
 const DateType = styled.div`
     text-align: left;
     padding: 12px;
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
     }
 `;
 
+const GenesisHeader = styled.h3``;
+const ReceivedHeader = styled.h3``;
+
 const LeftTextCtn = styled.div`
     text-align: left;
     display: flex;
     align-items: left;
     flex-direction: column;
     margin-left: 10px;
     h3 {
         color: ${props => props.theme.contrast};
         font-size: 14px;
         font-weight: 700;
         margin: 0;
     }
-    .genesis {
+    ${GenesisHeader} {
         color: ${props => props.theme.genesisGreen};
     }
-    .received {
+    ${ReceivedHeader} {
         color: ${props => props.theme.eCashBlue};
     }
     h4 {
         font-size: 12px;
         color: ${props => props.theme.lightWhite};
         margin: 0;
     }
 `;
 
 const RightTextCtn = styled.div`
     text-align: right;
     display: flex;
     align-items: left;
     flex-direction: column;
     margin-left: 10px;
     h3 {
         color: ${props => props.theme.contrast};
         font-size: 14px;
         font-weight: 700;
         margin: 0;
     }
     h4 {
         font-size: 12px;
         color: ${props => props.theme.lightWhite};
         margin: 0;
     }
 `;
 const OpReturnType = styled.div`
     text-align: right;
     width: 100%;
     padding: 10px;
     border-radius: 5px;
     background: ${props => props.theme.sentMessage};
     margin-top: 15px;
     h4 {
         color: ${props => props.theme.lightWhite};
         margin: 0;
         font-size: 12px;
         display: inline-block;
     }
     p {
         color: ${props => props.theme.contrast};
         margin: 0;
         font-size: 14px;
         margin-bottom: 10px;
         overflow-wrap: break-word;
     }
     a {
         color: ${props => props.theme.contrast};
         margin: 0;
         font-size: 10px;
         border: 1px solid ${props => props.theme.contrast};
         border-radius: 5px;
         padding: 2px 10px;
         opacity: 0.6;
     }
     a:hover {
         opacity: 1;
         border-color: ${props => props.theme.eCashBlue};
         color: ${props => props.theme.contrast};
         background: ${props => props.theme.eCashBlue};
     }
     ${({ received, ...props }) =>
         received &&
         `
         text-align: left;    
         background: ${props.theme.receivedMessage};
   `}
 `;
 
 const ReceivedLabel = styled.span`
     font-weight: bold;
     color: ${props => props.theme.eCashBlue} !important;
 `;
 
 const EncryptionMessageLabel = styled.span`
     font-weight: bold;
     font-size: 12px;
     color: ${props => props.theme.encryptionRed};
     white-space: nowrap;
 `;
 const UnauthorizedDecryptionMessage = styled.span`
     text-align: left;
     color: ${props => props.theme.encryptionRed};
     white-space: nowrap;
     font-style: italic;
 `;
 
 const TxInfo = styled.div`
     text-align: right;
     display: flex;
     align-items: left;
     flex-direction: column;
     margin-left: 10px;
     flex-grow: 2;
     h3 {
         color: ${props => props.theme.contrast};
         font-size: 14px;
         font-weight: 700;
         margin: 0;
     }
 
     h4 {
         font-size: 12px;
         color: ${props => props.theme.lightWhite};
         margin: 0;
     }
 
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
     }
 `;
 
 const TokenInfo = styled.div`
     display: flex;
     flex-grow: 1;
     justify-content: flex-end;
 
     color: ${props =>
         props.outgoing ? props.theme.secondary : props.theme.eCashBlue};
 
     @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.h3`
     text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 `;
 
 const TokenTxAmtGenesis = styled(TokenTxAmt)`
     color: ${props => props.theme.genesisGreen} !important;
 `;
 const TokenTxAmtReceived = styled(TokenTxAmt)`
     color: ${props => props.theme.eCashBlue} !important;
 `;
 
 const TokenName = styled.h4`
     text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 `;
 
 const TxWrapper = styled.div`
     display: flex;
     align-items: center;
     border-top: 1px solid rgba(255, 255, 255, 0.12);
     color: ${props => props.theme.contrast};
     padding: 10px 0;
     flex-wrap: wrap;
     width: 100%;
 `;
 
 const AntdContextCollapseWrapper = styled.div`
     .ant-collapse {
         border: none !important;
         background-color: transparent !important;
     }
     .ant-collapse-item {
         border: none !important;
     }
     .ant-collapse-header {
         padding: 0 !important;
         color: ${props => props.theme.forms.text} !important;
     }
     border-radius: 16px;
     .ant-collapse-content-box {
         padding-right: 0 !important;
     }
 
     @media screen and (max-width: 500px) {
         grid-template-columns: 24px 30% 50%;
     }
 `;
 
 const Panel = Collapse.Panel;
 
 const DropdownIconWrapper = styled.div`
     display: flex;
     align-items: center;
     gap: 4px;
 `;
 
 const TextLayer = styled.div`
     font-size: 12px;
     color: ${props => props.theme.contrast};
     white-space: nowrap;
 `;
 
 const DropdownButton = styled.button`
     display: flex;
     justify-content: flex-end;
     position: relative;
     background-color: ${props => props.theme.walletBackground};
     border: none;
     cursor: pointer;
     padding: 0;
     &:hover {
         div {
             color: ${props => props.theme.eCashBlue}!important;
         }
         svg {
             fill: ${props => props.theme.eCashBlue}!important;
         }
     }
 `;
 
 const PanelCtn = styled.div`
     display: flex;
     align-items: center;
     justify-content: flex-end;
     right: 0;
     gap: 8px;
     @media (max-width: 500px) {
         flex-wrap: wrap;
     }
 `;
 
 const TxLink = styled.a`
     color: ${props => props.theme.primary};
 `;
 
 const NotInContactsAlert = styled.h4`
     color: ${props => props.theme.forms.error} !important;
     font-style: italic;
 `;
 
 const ReceivedFromCtn = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 3px;
     h4 {
         margin-top: 2.5px;
     }
 `;
 
 const Tx = ({
     data,
     fiatPrice,
     fiatCurrency,
     addressesInContactList,
     contactList,
 }) => {
     const txDate =
         typeof data.blocktime === 'undefined'
             ? formatDate()
             : formatDate(data.blocktime, navigator.language);
     // if data only includes height and txid, then the tx could not be parsed by cashtab
     // render as such but keep link to block explorer
     let unparsedTx = false;
     if (!Object.keys(data).includes('outgoingTx')) {
         unparsedTx = true;
     }
     return (
         <>
             {unparsedTx ? (
                 <TxWrapper>
                     <UnparsedTx>
                         <UnparsedIcon />
                     </UnparsedTx>
 
                     <DateType>
                         <ReceivedLabel>Unparsed</ReceivedLabel>
                         <br />
                         {txDate}
                     </DateType>
                     <TxInfo>Open in Explorer</TxInfo>
                 </TxWrapper>
             ) : (
-                <AntdContextCollapseWrapper className="antd-collapse">
+                <AntdContextCollapseWrapper>
                     <Collapse bordered={false}>
                         <Panel
                             showArrow={false}
                             header={
                                 <>
                                     <TxWrapper>
                                         {data.outgoingTx ? (
                                             <>
                                                 {data.tokenTx &&
                                                 data.tokenInfo
                                                     .transactionType ===
                                                     'GENESIS' ? (
                                                     <GenesisTx>
                                                         <GenesisIcon />
                                                     </GenesisTx>
                                                 ) : (
                                                     <SentTx>
                                                         <SendIcon />
                                                     </SentTx>
                                                 )}
                                             </>
                                         ) : (
                                             <ReceivedTx>
                                                 <ReceiveIcon />
                                             </ReceivedTx>
                                         )}
 
                                         <LeftTextCtn>
                                             {data.outgoingTx ? (
                                                 <>
                                                     {data.tokenTx &&
                                                     data.tokenInfo
                                                         .transactionType ===
                                                         'GENESIS' ? (
-                                                        <h3 className="genesis">
+                                                        <GenesisHeader>
                                                             Genesis
-                                                        </h3>
+                                                        </GenesisHeader>
                                                     ) : (
-                                                        <h3 className="sent">
-                                                            Sent
-                                                        </h3>
+                                                        <h3>Sent</h3>
                                                     )}
                                                 </>
                                             ) : (
                                                 <ReceivedFromCtn>
-                                                    <h3 className="received">
+                                                    <ReceivedHeader>
                                                         Received
-                                                    </h3>
+                                                    </ReceivedHeader>
 
                                                     {addressesInContactList.includes(
                                                         data.replyAddress,
                                                     ) && (
                                                         <>
                                                             <h4>from</h4>
                                                             {contactList.map(
                                                                 (
                                                                     contact,
                                                                     index,
                                                                 ) => {
                                                                     let result;
                                                                     const contactAddress =
                                                                         contact.address;
                                                                     const dataAddress =
                                                                         data.replyAddress;
                                                                     if (
                                                                         contactAddress ===
                                                                         dataAddress
                                                                     ) {
                                                                         result =
                                                                             contact.name;
                                                                     } else {
                                                                         result =
                                                                             '';
                                                                     }
                                                                     return (
                                                                         <h4
                                                                             key={`${data.txid}${index}`}
                                                                         >
                                                                             {
                                                                                 result
                                                                             }
                                                                         </h4>
                                                                     );
                                                                 },
                                                             )}
                                                         </>
                                                     )}
                                                 </ReceivedFromCtn>
                                             )}
                                             <h4>{txDate}</h4>
                                         </LeftTextCtn>
                                         {data.tokenTx ? (
                                             <TokenInfo
                                                 outgoing={data.outgoingTx}
                                             >
                                                 {data.tokenTx &&
                                                 data.tokenInfo ? (
                                                     <>
                                                         <TxTokenIcon>
                                                             <TokenIcon
                                                                 size={32}
                                                                 tokenId={
                                                                     data
                                                                         .tokenInfo
                                                                         .tokenId
                                                                 }
                                                             />
                                                         </TxTokenIcon>
                                                         {data.outgoingTx ? (
                                                             <RightTextCtn>
                                                                 {data.tokenInfo
                                                                     .transactionType ===
                                                                 'GENESIS' ? (
                                                                     <>
                                                                         <TokenTxAmtGenesis>
                                                                             +{' '}
                                                                             {data.tokenInfo.qtyReceived.toString()}
                                                                             &nbsp;
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenTicker
                                                                             }
                                                                         </TokenTxAmtGenesis>
                                                                         <TokenName>
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenName
                                                                             }
                                                                         </TokenName>
                                                                     </>
                                                                 ) : (
                                                                     <>
                                                                         <TokenTxAmt>
                                                                             -{' '}
                                                                             {data.tokenInfo.qtySent.toString()}
                                                                             &nbsp;
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenTicker
                                                                             }
                                                                         </TokenTxAmt>
                                                                         <TokenName>
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenName
                                                                             }
                                                                         </TokenName>
                                                                     </>
                                                                 )}
                                                             </RightTextCtn>
                                                         ) : (
                                                             <RightTextCtn>
                                                                 <TokenTxAmtReceived>
                                                                     +{' '}
                                                                     {data.tokenInfo.qtyReceived.toString()}
                                                                     &nbsp;
                                                                     {
                                                                         data
                                                                             .tokenInfo
                                                                             .tokenTicker
                                                                     }
                                                                 </TokenTxAmtReceived>
                                                                 <TokenName>
                                                                     {
                                                                         data
                                                                             .tokenInfo
                                                                             .tokenName
                                                                     }
                                                                 </TokenName>
                                                             </RightTextCtn>
                                                         )}
                                                     </>
                                                 ) : (
                                                     <span>Token Tx</span>
                                                 )}
                                             </TokenInfo>
                                         ) : (
                                             <>
                                                 <TxInfo
                                                     outgoing={data.outgoingTx}
                                                 >
                                                     {data.outgoingTx ? (
                                                         <>
                                                             <h3>
                                                                 -
                                                                 {formatBalance(
                                                                     fromLegacyDecimals(
                                                                         data.amountSent,
                                                                     ),
                                                                 )}{' '}
                                                                 {
                                                                     currency.ticker
                                                                 }
                                                             </h3>
                                                             {fiatPrice !==
                                                                 null &&
                                                                 !isNaN(
                                                                     data.amountSent,
                                                                 ) && (
                                                                     <h4>
                                                                         -
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies[
                                                                                 fiatCurrency
                                                                             ]
                                                                                 .symbol
                                                                         }
                                                                         {(
                                                                             fromLegacyDecimals(
                                                                                 data.amountSent,
                                                                             ) *
                                                                             fiatPrice
                                                                         ).toFixed(
                                                                             2,
                                                                         )}{' '}
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies
                                                                                 .fiatCurrency
                                                                         }
                                                                     </h4>
                                                                 )}
                                                         </>
                                                     ) : (
                                                         <>
                                                             <TokenTxAmtReceived>
                                                                 +
                                                                 {formatBalance(
                                                                     fromLegacyDecimals(
                                                                         data.amountReceived,
                                                                     ),
                                                                 )}{' '}
                                                                 {
                                                                     currency.ticker
                                                                 }
                                                             </TokenTxAmtReceived>
                                                             {fiatPrice !==
                                                                 null &&
                                                                 !isNaN(
                                                                     data.amountReceived,
                                                                 ) && (
                                                                     <h4>
                                                                         +
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies[
                                                                                 fiatCurrency
                                                                             ]
                                                                                 .symbol
                                                                         }
                                                                         {(
                                                                             fromLegacyDecimals(
                                                                                 data.amountReceived,
                                                                             ) *
                                                                             fiatPrice
                                                                         ).toFixed(
                                                                             2,
                                                                         )}{' '}
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies
                                                                                 .fiatCurrency
                                                                         }
                                                                     </h4>
                                                                 )}
                                                         </>
                                                     )}
                                                 </TxInfo>
                                             </>
                                         )}
                                         {data.opReturnMessage && (
                                             <>
                                                 <OpReturnType
                                                     received={!data.outgoingTx}
                                                 >
                                                     {!data.outgoingTx &&
                                                         !addressesInContactList.includes(
                                                             data.replyAddress,
                                                         ) && (
                                                             <NotInContactsAlert>
                                                                 Warning: This
                                                                 sender is not in
                                                                 your contact
                                                                 list. Beware of
                                                                 scams.
                                                             </NotInContactsAlert>
                                                         )}
                                                     {data.isCashtabMessage ? (
                                                         <h4>
                                                             Cashtab Message{' '}
                                                         </h4>
                                                     ) : (
                                                         <h4>
                                                             External Message
                                                         </h4>
                                                     )}
                                                     {data.isEncryptedMessage ? (
                                                         <EncryptionMessageLabel>
                                                             &nbsp;-&nbsp;Encrypted
                                                         </EncryptionMessageLabel>
                                                     ) : (
                                                         ''
                                                     )}
                                                     <br />
                                                     {/*unencrypted OP_RETURN Message*/}
                                                     {data.opReturnMessage &&
                                                     !data.isEncryptedMessage ? (
                                                         <p>
                                                             {
                                                                 data.opReturnMessage
                                                             }
                                                         </p>
                                                     ) : (
                                                         ''
                                                     )}
                                                     {/*encrypted and wallet is authorized to view OP_RETURN Message*/}
                                                     {data.opReturnMessage &&
                                                     data.isEncryptedMessage &&
                                                     data.decryptionSuccess ? (
                                                         <p>
                                                             {
                                                                 data.opReturnMessage
                                                             }
                                                         </p>
                                                     ) : (
                                                         ''
                                                     )}
                                                     {/*encrypted but wallet is not authorized to view OP_RETURN Message*/}
                                                     {data.opReturnMessage &&
                                                     data.isEncryptedMessage &&
                                                     !data.decryptionSuccess ? (
                                                         <UnauthorizedDecryptionMessage>
                                                             {
                                                                 data.opReturnMessage
                                                             }
                                                         </UnauthorizedDecryptionMessage>
                                                     ) : (
                                                         ''
                                                     )}
                                                     {!data.outgoingTx &&
                                                     data.replyAddress ? (
                                                         <Link
                                                             to={{
                                                                 pathname: `/send`,
                                                                 state: {
                                                                     replyAddress:
                                                                         data.replyAddress,
                                                                 },
                                                             }}
                                                         >
                                                             Reply
                                                         </Link>
                                                     ) : (
                                                         ''
                                                     )}
                                                 </OpReturnType>
                                             </>
                                         )}
                                     </TxWrapper>
                                 </>
                             }
                         >
                             <PanelCtn>
                                 <CopyToClipboard
                                     data={data.txid}
                                     optionalOnCopyNotification={{
                                         title: 'Txid copied to clipboard',
                                         msg: `${data.txid}`,
                                     }}
                                 >
                                     <DropdownButton>
                                         <DropdownIconWrapper>
                                             <TextLayer>Txid</TextLayer>
 
                                             <ThemedCopySolid />
                                         </DropdownIconWrapper>
                                     </DropdownButton>
                                 </CopyToClipboard>
                                 {data.opReturnMessage && (
                                     <CopyToClipboard
                                         data={data.opReturnMessage}
                                         optionalOnCopyNotification={{
                                             title: 'Cashtab message copied to clipboard',
                                             msg: `${data.opReturnMessage}`,
                                         }}
                                     >
                                         <DropdownButton>
                                             <DropdownIconWrapper>
                                                 <TextLayer>Msg</TextLayer>
                                                 <ThemedCopySolid />
                                             </DropdownIconWrapper>
                                         </DropdownButton>
                                     </CopyToClipboard>
                                 )}
                                 <TxLink
                                     key={data.txid}
                                     href={`${currency.blockExplorerUrl}/tx/${data.txid}`}
                                     target="_blank"
                                     rel="noreferrer"
                                 >
                                     <DropdownButton>
                                         <DropdownIconWrapper>
                                             <TextLayer>
                                                 View on be.cash
                                             </TextLayer>
                                             <ThemedLinkSolid />
                                         </DropdownIconWrapper>
                                     </DropdownButton>
                                 </TxLink>
                                 <TxLink
                                     key={`${data.txid}_receipt`}
                                     href={`${currency.pdfReceiptUrl}/${data.txid}.pdf`}
                                     target="_blank"
                                     rel="noreferrer"
                                 >
                                     <DropdownButton>
                                         <DropdownIconWrapper>
                                             <TextLayer>Receipt</TextLayer>
                                             <ThemedPdfSolid />
                                         </DropdownIconWrapper>
                                     </DropdownButton>
                                 </TxLink>
                                 {!data.outgoingTx &&
                                     data.replyAddress &&
                                     !addressesInContactList.includes(
                                         data.replyAddress,
                                     ) && (
                                         <AddToContacts>
                                             <DropdownButton>
                                                 <Link
                                                     to={{
                                                         pathname: `/configure`,
                                                         state: {
                                                             contactToAdd:
                                                                 data.replyAddress,
                                                         },
                                                     }}
                                                 >
                                                     <DropdownIconWrapper>
                                                         <TextLayer>
                                                             Add to contacts
                                                         </TextLayer>
                                                         <ThemedContactsOutlined />
                                                     </DropdownIconWrapper>
                                                 </Link>
                                             </DropdownButton>
                                         </AddToContacts>
                                     )}
                             </PanelCtn>
                         </Panel>
                     </Collapse>
                 </AntdContextCollapseWrapper>
             )}
         </>
     );
 };
 
 Tx.propTypes = {
     data: PropTypes.object,
     fiatPrice: PropTypes.number,
     fiatCurrency: PropTypes.string,
     addressesInContactList: PropTypes.arrayOf(PropTypes.string),
     contactList: PropTypes.arrayOf(
         PropTypes.shape({
             address: PropTypes.string,
             name: PropTypes.string,
         }),
     ),
 };
 
 export default Tx;
diff --git a/web/cashtab/src/components/Home/__tests__/__snapshots__/Home.test.js.snap b/web/cashtab/src/components/Home/__tests__/__snapshots__/Home.test.js.snap
index d7b84b49e..6bcc3079e 100644
--- a/web/cashtab/src/components/Home/__tests__/__snapshots__/Home.test.js.snap
+++ b/web/cashtab/src/components/Home/__tests__/__snapshots__/Home.test.js.snap
@@ -1,449 +1,449 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-hqyNC luNPR"
+    className="sc-dNLxif gonKkm"
   >
     <h4
-      className="sc-hEsumM hZzUnj"
+      className="sc-cIShpX bmGYYt"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-dNLxif bysjmh"
+      className="sc-uJMKN geFZcs"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-frDJqD bEXbjP"
+    className="sc-hqyNC HAweU"
   >
     <div
-      className="sc-ktHwxA iJahFG"
+      className="sc-kafWEX houVkp"
     >
       <button
-        className="sc-cIShpX gsGehV"
+        className="sc-feJyhm kUETYY"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-cIShpX inEMZA"
+        className="sc-feJyhm dNkxiM"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-kafWEX jxcJW"
+      className="sc-iELTvK kbuLHp"
     >
       <div />
       <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
        
       XEC
        payments, or load it up with
        
       XEC
        to send to others
     </div>
     <div
-      className="sc-kafWEX kdxNrF"
+      className="sc-iELTvK bkuPgs"
     >
       <a
-        className="sc-jwKygS hmYfLq"
+        className="sc-lhVmIH hGgGDH"
         href="/tokens"
         onClick={[Function]}
       >
         Create eToken
       </a>
       <p>
         Tokens sent to your 
         eToken
          address will appear here
       </p>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-hqyNC luNPR"
+    className="sc-dNLxif gonKkm"
   >
     <h4
-      className="sc-hEsumM hZzUnj"
+      className="sc-cIShpX bmGYYt"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-dNLxif bysjmh"
+      className="sc-uJMKN geFZcs"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-frDJqD bEXbjP"
+    className="sc-hqyNC HAweU"
   >
     <div
-      className="sc-ktHwxA iJahFG"
+      className="sc-kafWEX houVkp"
     >
       <button
-        className="sc-cIShpX gsGehV"
+        className="sc-feJyhm kUETYY"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-cIShpX inEMZA"
+        className="sc-feJyhm dNkxiM"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-kafWEX jxcJW"
+      className="sc-iELTvK kbuLHp"
     >
       <div />
       <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
        
       XEC
        payments, or load it up with
        
       XEC
        to send to others
     </div>
     <div
-      className="sc-kafWEX kdxNrF"
+      className="sc-iELTvK bkuPgs"
     >
       <a
-        className="sc-jwKygS hmYfLq"
+        className="sc-lhVmIH hGgGDH"
         href="/tokens"
         onClick={[Function]}
       >
         Create eToken
       </a>
       <p>
         Tokens sent to your 
         eToken
          address will appear here
       </p>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 Array [
   <div
-    className="sc-hqyNC luNPR"
+    className="sc-dNLxif gonKkm"
   >
     <h4
-      className="sc-hEsumM hZzUnj"
+      className="sc-cIShpX bmGYYt"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-dNLxif bysjmh"
+      className="sc-uJMKN geFZcs"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-frDJqD bEXbjP"
+    className="sc-hqyNC HAweU"
   >
     <div
-      className="sc-ktHwxA iJahFG"
+      className="sc-kafWEX houVkp"
     >
       <button
-        className="sc-cIShpX gsGehV"
+        className="sc-feJyhm kUETYY"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-cIShpX inEMZA"
+        className="sc-feJyhm dNkxiM"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-kafWEX jxcJW"
+      className="sc-iELTvK kbuLHp"
     >
       <div />
       <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
        
       XEC
        payments, or load it up with
        
       XEC
        to send to others
     </div>
     <div
-      className="sc-kafWEX kdxNrF"
+      className="sc-iELTvK bkuPgs"
     >
       <a
-        className="sc-jwKygS hmYfLq"
+        className="sc-lhVmIH hGgGDH"
         href="/tokens"
         onClick={[Function]}
       >
         Create eToken
       </a>
       <div>
         <a
           href="/send-token/bd1acc4c986de57af8d6d2a64aecad8c30ee80f37ae9d066d758923732ddc9ba"
           onClick={[Function]}
         >
           <div
             className="sc-iAyFgw fIykat"
           >
             <div
               className="sc-kkGfuU bUZIBS"
             >
               <div
                 className="sc-kEYyzF edBbzK"
               />
               <h4>
                 TBS
               </h4>
             </div>
             <h4>
               6.001
             </h4>
           </div>
         </a>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-hqyNC luNPR"
+    className="sc-dNLxif gonKkm"
   >
     <h4
-      className="sc-hEsumM hZzUnj"
+      className="sc-cIShpX bmGYYt"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-dNLxif bysjmh"
+      className="sc-uJMKN geFZcs"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-frDJqD bEXbjP"
+    className="sc-hqyNC HAweU"
   >
     <div
-      className="sc-ktHwxA iJahFG"
+      className="sc-kafWEX houVkp"
     >
       <button
-        className="sc-cIShpX gsGehV"
+        className="sc-feJyhm kUETYY"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-cIShpX inEMZA"
+        className="sc-feJyhm dNkxiM"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-kafWEX jxcJW"
+      className="sc-iELTvK kbuLHp"
     >
       <div />
       <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
        
       XEC
        payments, or load it up with
        
       XEC
        to send to others
     </div>
     <div
-      className="sc-kafWEX kdxNrF"
+      className="sc-iELTvK bkuPgs"
     >
       <a
-        className="sc-jwKygS hmYfLq"
+        className="sc-lhVmIH hGgGDH"
         href="/tokens"
         onClick={[Function]}
       >
         Create eToken
       </a>
       <p>
         Tokens sent to your 
         eToken
          address will appear here
       </p>
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 <div
   className="sc-jKJlTe dtdOPB"
 >
   <h2>
     Welcome to Cashtab!
   </h2>
   <p
     className="sc-eNQAEJ jDkKnj"
   >
     Cashtab is an
      
     <a
       className="sc-hMqMXs JqwcT"
       href="https://github.com/bitcoin-abc/bitcoin-abc"
       rel="noreferrer"
       target="_blank"
     >
       open source,
     </a>
      
     non-custodial web wallet for 
     eCash
     .
     <br />
     <br />
     Want to learn more?
      
     <a
       className="sc-hMqMXs JqwcT"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
     >
       Check out the Cashtab documentation.
     </a>
   </p>
   <button
     className="sc-kGXeez fPsebQ"
     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-kpOJdX jLOxVU"
     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>
 </div>
 `;