diff --git a/web/cashtab/src/assets/file-pdf.svg b/web/cashtab/src/assets/file-pdf.svg
new file mode 100644
index 000000000..dfa8fc160
--- /dev/null
+++ b/web/cashtab/src/assets/file-pdf.svg
@@ -0,0 +1 @@
+<svg viewBox="64 64 896 896" focusable="false"><path d="M854.6 288.7c6 6 9.4 14.1 9.4 22.6V928c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h424.7c8.5 0 16.7 3.4 22.7 9.4l215.2 215.3zM790.2 326L602 137.8V326h188.2zM633.22 637.26c-15.18-.5-31.32.67-49.65 2.96-24.3-14.99-40.66-35.58-52.28-65.83l1.07-4.38 1.24-5.18c4.3-18.13 6.61-31.36 7.3-44.7.52-10.07-.04-19.36-1.83-27.97-3.3-18.59-16.45-29.46-33.02-30.13-15.45-.63-29.65 8-33.28 21.37-5.91 21.62-2.45 50.07 10.08 98.59-15.96 38.05-37.05 82.66-51.2 107.54-18.89 9.74-33.6 18.6-45.96 28.42-16.3 12.97-26.48 26.3-29.28 40.3-1.36 6.49.69 14.97 5.36 21.92 5.3 7.88 13.28 13 22.85 13.74 24.15 1.87 53.83-23.03 86.6-79.26 3.29-1.1 6.77-2.26 11.02-3.7l11.9-4.02c7.53-2.54 12.99-4.36 18.39-6.11 23.4-7.62 41.1-12.43 57.2-15.17 27.98 14.98 60.32 24.8 82.1 24.8 17.98 0 30.13-9.32 34.52-23.99 3.85-12.88.8-27.82-7.48-36.08-8.56-8.41-24.3-12.43-45.65-13.12zM385.23 765.68v-.36l.13-.34a54.86 54.86 0 015.6-10.76c4.28-6.58 10.17-13.5 17.47-20.87 3.92-3.95 8-7.8 12.79-12.12 1.07-.96 7.91-7.05 9.19-8.25l11.17-10.4-8.12 12.93c-12.32 19.64-23.46 33.78-33 43-3.51 3.4-6.6 5.9-9.1 7.51a16.43 16.43 0 01-2.61 1.42c-.41.17-.77.27-1.13.3a2.2 2.2 0 01-1.12-.15 2.07 2.07 0 01-1.27-1.91zM511.17 547.4l-2.26 4-1.4-4.38c-3.1-9.83-5.38-24.64-6.01-38-.72-15.2.49-24.32 5.29-24.32 6.74 0 9.83 10.8 10.07 27.05.22 14.28-2.03 29.14-5.7 35.65zm-5.81 58.46l1.53-4.05 2.09 3.8c11.69 21.24 26.86 38.96 43.54 51.31l3.6 2.66-4.39.9c-16.33 3.38-31.54 8.46-52.34 16.85 2.17-.88-21.62 8.86-27.64 11.17l-5.25 2.01 2.8-4.88c12.35-21.5 23.76-47.32 36.05-79.77zm157.62 76.26c-7.86 3.1-24.78.33-54.57-12.39l-7.56-3.22 8.2-.6c23.3-1.73 39.8-.45 49.42 3.07 4.1 1.5 6.83 3.39 8.04 5.55a4.64 4.64 0 01-1.36 6.31 6.7 6.7 0 01-2.17 1.28z" /></svg>
\ No newline at end of file
diff --git a/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap b/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap
index 3abcd77f8..0b81a96ed 100644
--- a/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap
+++ b/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap
@@ -1,450 +1,450 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kgoBCf jGSjNz"
+          className="sc-kGXeez fexpdX"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
             role={null}
             style={
               Object {
                 "marginBottom": "24px",
               }
             }
           >
             <div
               className="ant-collapse-item"
             >
               <div
                 aria-expanded={false}
                 className="ant-collapse-header"
                 onClick={[Function]}
                 onKeyPress={[Function]}
                 role="button"
                 tabIndex={0}
               >
                 <div>
                   <span
                     aria-label="right"
                     className="anticon anticon-right ant-collapse-arrow"
                     role="img"
                   >
                     <svg
                       aria-hidden="true"
                       data-icon="right"
                       fill="currentColor"
                       focusable="false"
                       height="1em"
                       viewBox="64 64 896 896"
                       width="1em"
                     >
                       <path
                         d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                       />
                     </svg>
                   </span>
                 </div>
                 <div
-                  className="sc-chPdSV byfFmt"
+                  className="sc-kgoBCf kVSTZj"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kgoBCf jGSjNz"
+          className="sc-kGXeez fexpdX"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
             role={null}
             style={
               Object {
                 "marginBottom": "24px",
               }
             }
           >
             <div
               className="ant-collapse-item"
             >
               <div
                 aria-expanded={false}
                 className="ant-collapse-header"
                 onClick={[Function]}
                 onKeyPress={[Function]}
                 role="button"
                 tabIndex={0}
               >
                 <div>
                   <span
                     aria-label="right"
                     className="anticon anticon-right ant-collapse-arrow"
                     role="img"
                   >
                     <svg
                       aria-hidden="true"
                       data-icon="right"
                       fill="currentColor"
                       focusable="false"
                       height="1em"
                       viewBox="64 64 896 896"
                       width="1em"
                     >
                       <path
                         d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                       />
                     </svg>
                   </span>
                 </div>
                 <div
-                  className="sc-chPdSV byfFmt"
+                  className="sc-kgoBCf kVSTZj"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-cvbbAY bixHxt"
+      className="sc-jWBwVP gdMlXD"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <br />,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kgoBCf jGSjNz"
+          className="sc-kGXeez fexpdX"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
             role={null}
             style={
               Object {
                 "marginBottom": "24px",
               }
             }
           >
             <div
               className="ant-collapse-item"
             >
               <div
                 aria-expanded={false}
                 className="ant-collapse-header"
                 onClick={[Function]}
                 onKeyPress={[Function]}
                 role="button"
                 tabIndex={0}
               >
                 <div>
                   <span
                     aria-label="right"
                     className="anticon anticon-right ant-collapse-arrow"
                     role="img"
                   >
                     <svg
                       aria-hidden="true"
                       data-icon="right"
                       fill="currentColor"
                       focusable="false"
                       height="1em"
                       viewBox="64 64 896 896"
                       width="1em"
                     >
                       <path
                         d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                       />
                     </svg>
                   </span>
                 </div>
                 <div
-                  className="sc-chPdSV byfFmt"
+                  className="sc-kgoBCf kVSTZj"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kgoBCf jGSjNz"
+          className="sc-kGXeez fexpdX"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
             role={null}
             style={
               Object {
                 "marginBottom": "24px",
               }
             }
           >
             <div
               className="ant-collapse-item"
             >
               <div
                 aria-expanded={false}
                 className="ant-collapse-header"
                 onClick={[Function]}
                 onKeyPress={[Function]}
                 role="button"
                 tabIndex={0}
               >
                 <div>
                   <span
                     aria-label="right"
                     className="anticon anticon-right ant-collapse-arrow"
                     role="img"
                   >
                     <svg
                       aria-hidden="true"
                       data-icon="right"
                       fill="currentColor"
                       focusable="false"
                       height="1em"
                       viewBox="64 64 896 896"
                       width="1em"
                     >
                       <path
                         d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                       />
                     </svg>
                   </span>
                 </div>
                 <div
-                  className="sc-chPdSV byfFmt"
+                  className="sc-kgoBCf kVSTZj"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kgoBCf jGSjNz"
+          className="sc-kGXeez fexpdX"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
             role={null}
             style={
               Object {
                 "marginBottom": "24px",
               }
             }
           >
             <div
               className="ant-collapse-item"
             >
               <div
                 aria-expanded={false}
                 className="ant-collapse-header"
                 onClick={[Function]}
                 onKeyPress={[Function]}
                 role="button"
                 tabIndex={0}
               >
                 <div>
                   <span
                     aria-label="right"
                     className="anticon anticon-right ant-collapse-arrow"
                     role="img"
                   >
                     <svg
                       aria-hidden="true"
                       data-icon="right"
                       fill="currentColor"
                       focusable="false"
                       height="1em"
                       viewBox="64 64 896 896"
                       width="1em"
                     >
                       <path
                         d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                       />
                     </svg>
                   </span>
                 </div>
                 <div
-                  className="sc-chPdSV byfFmt"
+                  className="sc-kgoBCf kVSTZj"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
diff --git a/web/cashtab/src/components/Common/CustomIcons.js b/web/cashtab/src/components/Common/CustomIcons.js
index 7f4cef5ec..c7a2fe508 100644
--- a/web/cashtab/src/components/Common/CustomIcons.js
+++ b/web/cashtab/src/components/Common/CustomIcons.js
@@ -1,120 +1,128 @@
 import * as React from 'react';
 import styled from 'styled-components';
 import {
     CopyOutlined,
     DollarOutlined,
     LoadingOutlined,
     WalletOutlined,
     QrcodeOutlined,
     SettingOutlined,
     LockOutlined,
     ContactsOutlined,
 } from '@ant-design/icons';
 import { Image } from 'antd';
 import { currency } from 'components/Common/Ticker';
 import { ReactComponent as Send } from 'assets/send.svg';
 import { ReactComponent as Receive } from 'assets/receive.svg';
 import { ReactComponent as Genesis } from 'assets/flask.svg';
 import { ReactComponent as Unparsed } from 'assets/alert-circle.svg';
 import { ReactComponent as Home } from 'assets/home.svg';
 import { ReactComponent as Settings } from 'assets/cog.svg';
 import { ReactComponent as CopySolid } from 'assets/copy.svg';
 import { ReactComponent as LinkSolid } from 'assets/external-link-square-alt.svg';
 import { ReactComponent as Airdrop } from 'assets/airdrop-icon.svg';
+import { ReactComponent as Pdf } from 'assets/file-pdf.svg';
 
 export const CashLoadingIcon = <LoadingOutlined className="cashLoadingIcon" />;
 
 export const CashReceivedNotificationIcon = () => (
     <Image height={'33px'} width={'30px'} src={currency.logo} preview={false} />
 );
 export const TokenReceivedNotificationIcon = () => (
     <Image
         src={currency.tokenLogo}
         height={'33px'}
         width={'30px'}
         preview={false}
     />
 );
 
 export const MessageSignedNotificationIcon = () => (
     <Image
         src={currency.tokenLogo}
         height={'33px'}
         width={'30px'}
         preview={false}
     />
 );
 export const ThemedCopyOutlined = styled(CopyOutlined)`
     color: ${props => props.theme.icons.outlined} !important;
 `;
 export const ThemedDollarOutlined = styled(DollarOutlined)`
     color: ${props => props.theme.icons.outlined} !important;
 `;
 export const ThemedWalletOutlined = styled(WalletOutlined)`
     color: ${props => props.theme.icons.outlined} !important;
 `;
 export const ThemedQrcodeOutlined = styled(QrcodeOutlined)`
     color: ${props => props.theme.walletBackground} !important;
 `;
 export const ThemedSettingOutlined = styled(SettingOutlined)`
     color: ${props => props.theme.icons.outlined} !important;
 `;
 export const ThemedLockOutlined = styled(LockOutlined)`
     color: ${props => props.theme.icons.outlined} !important;
 `;
 export const ThemedContactsOutlined = styled(ContactsOutlined)`
     color: ${props => props.theme.icons.outlined} !important;
 `;
 export const ThemedContactSendOutlined = styled(Send)`
     color: ${props => props.theme.icons.outlined} !important;
     transform: rotate(-35deg);
     padding: 0.15rem 0rem 0.18rem 0rem;
     height: 1.3em;
     width: 1.3em;
 `;
 export const ThemedCopySolid = styled(CopySolid)`
     fill: ${props => props.theme.contrast};
     padding: 0rem 0rem 0.27rem 0rem;
     height: 1.3em;
     width: 1.3em;
 `;
 
 export const ThemedLinkSolid = styled(LinkSolid)`
     fill: ${props => props.theme.contrast};
     padding: 0.15rem 0rem 0.18rem 0rem;
     height: 1.3em;
     width: 1.3em;
 `;
 
+export const ThemedPdfSolid = styled(Pdf)`
+    fill: ${props => props.theme.contrast};
+    padding: 0.15rem 0rem 0.18rem 0rem;
+    height: 1.3em;
+    width: 1.3em;
+`;
+
 export const LoadingBlock = styled.div`
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 24px;
     flex-direction: column;
     svg {
         width: 50px;
         height: 50px;
         fill: ${props => props.theme.eCashBlue};
     }
 `;
 
 export const CashLoader = () => (
     <LoadingBlock>
         <LoadingOutlined />
     </LoadingBlock>
 );
 
 export const ReceiveIcon = () => <Receive />;
 export const GenesisIcon = () => <Genesis />;
 export const UnparsedIcon = () => <Unparsed />;
 export const HomeIcon = () => <Home />;
 export const SettingsIcon = () => <Settings />;
 
 export const AirdropIcon = () => <Airdrop height={'33px'} width={'30px'} />;
 
 export const SendIcon = styled(Send)`
     transform: rotate(-35deg);
 `;
 export const CustomSpinner = <LoadingOutlined style={{ fontSize: 24 }} spin />;
diff --git a/web/cashtab/src/components/Common/Ticker.js b/web/cashtab/src/components/Common/Ticker.js
index bacd373bb..f4d94fcd2 100644
--- a/web/cashtab/src/components/Common/Ticker.js
+++ b/web/cashtab/src/components/Common/Ticker.js
@@ -1,141 +1,142 @@
 import mainLogo from 'assets/logo_primary.png';
 import tokenLogo from 'assets/logo_secondary.png';
 import BigNumber from 'bignumber.js';
 
 export const currency = {
     name: 'eCash',
     ticker: 'XEC',
     logo: mainLogo,
     legacyPrefix: 'bitcoincash',
     prefixes: ['ecash'],
     coingeckoId: 'ecash',
     defaultFee: 2.01,
     dustSats: 550,
     etokenSats: 546,
     cashDecimals: 2,
     blockExplorerUrl: 'https://explorer.be.cash',
     blockExplorerUrlTestnet: 'https://texplorer.bitcoinabc.org',
+    pdfReceiptUrl: 'https://blockchair.com/ecash/transaction',
     tokenName: 'eToken',
     tokenTicker: 'eToken',
     tokenIconSubmitApi: 'https://icons.etokens.cash/new',
     tokenLogo: tokenLogo,
     tokenPrefixes: ['etoken'],
     tokenIconsUrl: 'https://etoken-icons.s3.us-west-2.amazonaws.com',
     tokenDbUrl: 'https://tokendb.kingbch.com',
     txHistoryCount: 10,
     xecApiBatchSize: 20,
     defaultSettings: { fiatCurrency: 'usd', sendModal: false },
     notificationDurationShort: 3,
     notificationDurationLong: 5,
     localStorageMaxCharacters: 24,
     newTokenDefaultUrl: 'https://cashtab.com/',
     opReturn: {
         opReturnPrefixHex: '6a',
         opReturnAppPrefixLengthHex: '04',
         opPushDataOne: '4c',
         appPrefixesHex: {
             eToken: '534c5000',
             cashtab: '00746162',
             cashtabEncrypted: '65746162',
             airdrop: '64726f70',
         },
         encryptedMsgCharLimit: 94,
         unencryptedMsgCharLimit: 145,
     },
     settingsValidation: {
         fiatCurrency: [
             'usd',
             'idr',
             'krw',
             'cny',
             'zar',
             'vnd',
             'cad',
             'nok',
             'eur',
             'gbp',
             'jpy',
             'try',
             'rub',
             'inr',
             'brl',
             'php',
             'ils',
             'clp',
             'twd',
             'hkd',
             'bhd',
             'sar',
             'aud',
             'nzd',
             'chf',
         ],
         sendModal: [true, false],
     },
     fiatCurrencies: {
         usd: { name: 'US Dollar', symbol: '$', slug: 'usd' },
         aud: { name: 'Australian Dollar', symbol: '$', slug: 'aud' },
         bhd: { name: 'Bahraini Dinar', symbol: 'BD', slug: 'bhd' },
         brl: { name: 'Brazilian Real', symbol: 'R$', slug: 'brl' },
         gbp: { name: 'British Pound', symbol: '£', slug: 'gbp' },
         cad: { name: 'Canadian Dollar', symbol: '$', slug: 'cad' },
         clp: { name: 'Chilean Peso', symbol: '$', slug: 'clp' },
         cny: { name: 'Chinese Yuan', symbol: '元', slug: 'cny' },
         eur: { name: 'Euro', symbol: '€', slug: 'eur' },
         hkd: { name: 'Hong Kong Dollar', symbol: 'HK$', slug: 'hkd' },
         inr: { name: 'Indian Rupee', symbol: '₹', slug: 'inr' },
         idr: { name: 'Indonesian Rupiah', symbol: 'Rp', slug: 'idr' },
         ils: { name: 'Israeli Shekel', symbol: '₪', slug: 'ils' },
         jpy: { name: 'Japanese Yen', symbol: '¥', slug: 'jpy' },
         krw: { name: 'Korean Won', symbol: '₩', slug: 'krw' },
         nzd: { name: 'New Zealand Dollar', symbol: '$', slug: 'nzd' },
         nok: { name: 'Norwegian Krone', symbol: 'kr', slug: 'nok' },
         php: { name: 'Philippine Peso', symbol: '₱', slug: 'php' },
         rub: { name: 'Russian Ruble', symbol: 'р.', slug: 'rub' },
         twd: { name: 'New Taiwan Dollar', symbol: 'NT$', slug: 'twd' },
         sar: { name: 'Saudi Riyal', symbol: 'SAR', slug: 'sar' },
         zar: { name: 'South African Rand', symbol: 'R', slug: 'zar' },
         chf: { name: 'Swiss Franc', symbol: 'Fr.', slug: 'chf' },
         try: { name: 'Turkish Lira', symbol: '₺', slug: 'try' },
         vnd: { name: 'Vietnamese đồng', symbol: 'đ', slug: 'vnd' },
     },
 };
 
 export function parseAddressForParams(addressString) {
     // Build return obj
     const addressInfo = {
         address: '',
         queryString: null,
         amount: null,
     };
     // Parse address string for parameters
     const paramCheck = addressString.split('?');
 
     let cleanAddress = paramCheck[0];
     addressInfo.address = cleanAddress;
 
     // Check for parameters
     // only the amount param is currently supported
     let queryString = null;
     let amount = null;
     if (paramCheck.length > 1) {
         queryString = paramCheck[1];
         addressInfo.queryString = queryString;
 
         const addrParams = new URLSearchParams(queryString);
 
         if (addrParams.has('amount')) {
             // Amount in XEC
             try {
                 amount = new BigNumber(
                     parseFloat(addrParams.get('amount')),
                 ).toString();
             } catch (err) {
                 amount = null;
             }
         }
     }
 
     addressInfo.amount = amount;
     return addressInfo;
 }
diff --git a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
index ed40e4f06..84dc301f8 100644
--- a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
+++ b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
@@ -1,975 +1,975 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 <div
-  className="sc-jTzLTM jNRuZd"
+  className="sc-fjdhpX bSjMdT"
 >
   <div
-    className="sc-eqIVtm iegdbz"
+    className="sc-fAjcbJ jTFLYa"
   >
     <h2>
       <span
         aria-label="copy"
         className="anticon anticon-copy sc-bdVaJa jyutTw"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="copy"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
           />
         </svg>
       </span>
        Backup your wallet
     </h2>
     <div
       className="ant-alert ant-alert-warning ant-alert-with-description"
       data-show={true}
       role="alert"
       style={
         Object {
           "marginBottom": "12px",
         }
       }
     >
       <span
         aria-label="exclamation-circle"
         className="anticon anticon-exclamation-circle ant-alert-icon"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="exclamation-circle"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
           />
           <path
             d="M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z"
           />
         </svg>
       </span>
       <div
         className="ant-alert-content"
       >
         <div
           className="ant-alert-description"
         >
           Your seed phrase is the only way to restore your wallet. Write it down. Keep it safe.
         </div>
       </div>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     <h2>
       <span
         aria-label="wallet"
         className="anticon anticon-wallet sc-htpNat lgbLiL"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="wallet"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
           />
         </svg>
       </span>
        Manage Wallets
     </h2>
     <button
-      className="sc-cMljjf jWjHRF"
+      className="sc-jAaTju dvdlmc"
       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-jAaTju itEcMR"
+      className="sc-jDwBTQ htrvtM"
       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
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe cmJFO"
+          className="ant-collapse ant-collapse-icon-position-left sc-eNQAEJ fEfbki"
           role={null}
           style={
             Object {
               "marginBottom": "24px",
             }
           }
         >
           <div
             className="ant-collapse-item"
           >
             <div
               aria-expanded={false}
               className="ant-collapse-header"
               onClick={[Function]}
               onKeyPress={[Function]}
               role="button"
               tabIndex={0}
             >
               <div>
                 <span
                   aria-label="right"
                   className="anticon anticon-right ant-collapse-arrow"
                   role="img"
                 >
                   <svg
                     aria-hidden="true"
                     data-icon="right"
                     fill="currentColor"
                     focusable="false"
                     height="1em"
                     viewBox="64 64 896 896"
                     width="1em"
                   >
                     <path
                       d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                     />
                   </svg>
                 </span>
               </div>
               Contact List
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     <h2>
       <span
         aria-label="dollar"
         className="anticon anticon-dollar sc-bwzfXH gJwWNq"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="dollar"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372zm47.7-395.2l-25.4-5.9V348.6c38 5.2 61.5 29 65.5 58.2.5 4 3.9 6.9 7.9 6.9h44.9c4.7 0 8.4-4.1 8-8.8-6.1-62.3-57.4-102.3-125.9-109.2V263c0-4.4-3.6-8-8-8h-28.1c-4.4 0-8 3.6-8 8v33c-70.8 6.9-126.2 46-126.2 119 0 67.6 49.8 100.2 102.1 112.7l24.7 6.3v142.7c-44.2-5.9-69-29.5-74.1-61.3-.6-3.8-4-6.6-7.9-6.6H363c-4.7 0-8.4 4-8 8.7 4.5 55 46.2 105.6 135.2 112.1V761c0 4.4 3.6 8 8 8h28.4c4.4 0 8-3.6 8-8.1l-.2-31.7c78.3-6.9 134.3-48.8 134.3-124-.1-69.4-44.2-100.4-109-116.4zm-68.6-16.2c-5.6-1.6-10.3-3.1-15-5-33.8-12.2-49.5-31.9-49.5-57.3 0-36.3 27.5-57 64.5-61.7v124zM534.3 677V543.3c3.1.9 5.9 1.6 8.8 2.2 47.3 14.4 63.2 34.4 63.2 65.1 0 39.1-29.4 62.6-72 66.4z"
           />
         </svg>
       </span>
        Fiat Currency
     </h2>
     <div
-      className="sc-cvbbAY csOUyA"
+      className="sc-jWBwVP einKSv"
     >
       <div
         className="ant-select select-after ant-select-single ant-select-show-arrow"
         onBlur={[Function]}
         onFocus={[Function]}
         onKeyDown={[Function]}
         onKeyUp={[Function]}
         onMouseDown={[Function]}
         style={
           Object {
             "width": "100%",
           }
         }
       >
         <div
           className="ant-select-selector"
           onClick={[Function]}
           onMouseDown={[Function]}
         >
           <span
             className="ant-select-selection-search"
           >
             <input
               aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
               aria-autocomplete="list"
               aria-controls="rc_select_TEST_OR_SSR_list"
               aria-haspopup="listbox"
               aria-owns="rc_select_TEST_OR_SSR_list"
               autoComplete="off"
               className="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
               onChange={[Function]}
               onCompositionEnd={[Function]}
               onCompositionStart={[Function]}
               onKeyDown={[Function]}
               onMouseDown={[Function]}
               onPaste={[Function]}
               readOnly={true}
               role="combobox"
               style={
                 Object {
                   "opacity": 0,
                 }
               }
               type="search"
               unselectable="on"
               value=""
             />
           </span>
           <span
             className="ant-select-selection-item"
             title="US Dollar ($)"
           >
             US Dollar ($)
           </span>
         </div>
         <span
           aria-hidden={true}
           className="ant-select-arrow"
           onMouseDown={[Function]}
           style={
             Object {
               "WebkitUserSelect": "none",
               "userSelect": "none",
             }
           }
           unselectable="on"
         >
           <span
             aria-label="down"
             className="anticon anticon-down ant-select-suffix"
             role="img"
           >
             <svg
               aria-hidden="true"
               data-icon="down"
               fill="currentColor"
               focusable="false"
               height="1em"
               viewBox="64 64 896 896"
               width="1em"
             >
               <path
                 d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
               />
             </svg>
           </span>
         </span>
       </div>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     <h2>
       <span
         aria-label="setting"
         className="anticon anticon-setting sc-ifAKCX gjwsUR"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="setting"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 009.3-35.2l-.9-2.6a443.74 443.74 0 00-79.7-137.9l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.4a351.86 351.86 0 00-99 57.4l-81.9-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a446.02 446.02 0 00-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0025.8 25.7l2.7.5a449.4 449.4 0 00159 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-85a350 350 0 0099.7-57.6l81.3 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 01-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 01-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 01512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 01400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 01624 502c0 29.9-11.7 58-32.8 79.2z"
           />
         </svg>
       </span>
        General Settings
     </h2>
     <div
-      className="sc-caSCKo dOKaue"
+      className="sc-gisBJw cUrPBI"
     >
       <div
         className="title"
       >
         <span
           aria-label="lock"
           className="anticon anticon-lock"
           role="img"
         >
           <svg
             aria-hidden="true"
             data-icon="lock"
             fill="currentColor"
             focusable="false"
             height="1em"
             viewBox="64 64 896 896"
             width="1em"
           >
             <path
               d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0zm152-237H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224z"
             />
           </svg>
         </span>
          Lock App
       </div>
       <span
         className="ant-tag ant-tag-warning"
         style={
           Object {
             "backgroundColor": undefined,
           }
         }
       >
         <span
           aria-label="exclamation-circle"
           className="anticon anticon-exclamation-circle"
           role="img"
         >
           <svg
             aria-hidden="true"
             data-icon="exclamation-circle"
             fill="currentColor"
             focusable="false"
             height="1em"
             viewBox="64 64 896 896"
             width="1em"
           >
             <path
               d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
             />
           </svg>
         </span>
         <span>
           Not Supported
         </span>
       </span>
     </div>
     <div
-      className="sc-caSCKo dOKaue"
+      className="sc-gisBJw cUrPBI"
     >
       <div
         className="SendConfirm"
       >
         <span
           aria-label="lock"
           className="anticon anticon-lock"
           role="img"
         >
           <svg
             aria-hidden="true"
             data-icon="lock"
             fill="currentColor"
             focusable="false"
             height="1em"
             viewBox="64 64 896 896"
             width="1em"
           >
             <path
               d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0zm152-237H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224z"
             />
           </svg>
         </span>
          Send Confirmations
       </div>
       <button
         aria-checked={false}
         className="ant-switch ant-switch-small"
         onClick={[Function]}
         onKeyDown={[Function]}
         role="switch"
         type="button"
       >
         <div
           className="ant-switch-handle"
         />
         <span
           className="ant-switch-inner"
         >
           <span
             aria-label="close"
             className="anticon anticon-close"
             role="img"
           >
             <svg
               aria-hidden="true"
               data-icon="close"
               fill="currentColor"
               focusable="false"
               height="1em"
               viewBox="64 64 896 896"
               width="1em"
             >
               <path
                 d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
               />
             </svg>
           </span>
         </span>
       </button>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     [
     <a
-      className="sc-iRbamj bDTUpB"
+      className="sc-jlyJG dvLWBt"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
       type="link"
     >
       Documentation
     </a>
     ]
   </div>
 </div>
 `;
 
 exports[`Without wallet defined 1`] = `
 <div
-  className="sc-jTzLTM jNRuZd"
+  className="sc-fjdhpX bSjMdT"
 >
   <div
-    className="sc-eqIVtm iegdbz"
+    className="sc-fAjcbJ jTFLYa"
   >
     <h2>
       <span
         aria-label="copy"
         className="anticon anticon-copy sc-bdVaJa jyutTw"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="copy"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
           />
         </svg>
       </span>
        Backup your wallet
     </h2>
     <div
       className="ant-alert ant-alert-warning ant-alert-with-description"
       data-show={true}
       role="alert"
       style={
         Object {
           "marginBottom": "12px",
         }
       }
     >
       <span
         aria-label="exclamation-circle"
         className="anticon anticon-exclamation-circle ant-alert-icon"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="exclamation-circle"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
           />
           <path
             d="M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z"
           />
         </svg>
       </span>
       <div
         className="ant-alert-content"
       >
         <div
           className="ant-alert-description"
         >
           Your seed phrase is the only way to restore your wallet. Write it down. Keep it safe.
         </div>
       </div>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     <h2>
       <span
         aria-label="wallet"
         className="anticon anticon-wallet sc-htpNat lgbLiL"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="wallet"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
           />
         </svg>
       </span>
        Manage Wallets
     </h2>
     <button
-      className="sc-cMljjf jWjHRF"
+      className="sc-jAaTju dvdlmc"
       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-jAaTju itEcMR"
+      className="sc-jDwBTQ htrvtM"
       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
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe cmJFO"
+          className="ant-collapse ant-collapse-icon-position-left sc-eNQAEJ fEfbki"
           role={null}
           style={
             Object {
               "marginBottom": "24px",
             }
           }
         >
           <div
             className="ant-collapse-item"
           >
             <div
               aria-expanded={false}
               className="ant-collapse-header"
               onClick={[Function]}
               onKeyPress={[Function]}
               role="button"
               tabIndex={0}
             >
               <div>
                 <span
                   aria-label="right"
                   className="anticon anticon-right ant-collapse-arrow"
                   role="img"
                 >
                   <svg
                     aria-hidden="true"
                     data-icon="right"
                     fill="currentColor"
                     focusable="false"
                     height="1em"
                     viewBox="64 64 896 896"
                     width="1em"
                   >
                     <path
                       d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                     />
                   </svg>
                 </span>
               </div>
               Contact List
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     <h2>
       <span
         aria-label="dollar"
         className="anticon anticon-dollar sc-bwzfXH gJwWNq"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="dollar"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372zm47.7-395.2l-25.4-5.9V348.6c38 5.2 61.5 29 65.5 58.2.5 4 3.9 6.9 7.9 6.9h44.9c4.7 0 8.4-4.1 8-8.8-6.1-62.3-57.4-102.3-125.9-109.2V263c0-4.4-3.6-8-8-8h-28.1c-4.4 0-8 3.6-8 8v33c-70.8 6.9-126.2 46-126.2 119 0 67.6 49.8 100.2 102.1 112.7l24.7 6.3v142.7c-44.2-5.9-69-29.5-74.1-61.3-.6-3.8-4-6.6-7.9-6.6H363c-4.7 0-8.4 4-8 8.7 4.5 55 46.2 105.6 135.2 112.1V761c0 4.4 3.6 8 8 8h28.4c4.4 0 8-3.6 8-8.1l-.2-31.7c78.3-6.9 134.3-48.8 134.3-124-.1-69.4-44.2-100.4-109-116.4zm-68.6-16.2c-5.6-1.6-10.3-3.1-15-5-33.8-12.2-49.5-31.9-49.5-57.3 0-36.3 27.5-57 64.5-61.7v124zM534.3 677V543.3c3.1.9 5.9 1.6 8.8 2.2 47.3 14.4 63.2 34.4 63.2 65.1 0 39.1-29.4 62.6-72 66.4z"
           />
         </svg>
       </span>
        Fiat Currency
     </h2>
     <div
-      className="sc-cvbbAY csOUyA"
+      className="sc-jWBwVP einKSv"
     >
       <div
         className="ant-select select-after ant-select-single ant-select-show-arrow"
         onBlur={[Function]}
         onFocus={[Function]}
         onKeyDown={[Function]}
         onKeyUp={[Function]}
         onMouseDown={[Function]}
         style={
           Object {
             "width": "100%",
           }
         }
       >
         <div
           className="ant-select-selector"
           onClick={[Function]}
           onMouseDown={[Function]}
         >
           <span
             className="ant-select-selection-search"
           >
             <input
               aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
               aria-autocomplete="list"
               aria-controls="rc_select_TEST_OR_SSR_list"
               aria-haspopup="listbox"
               aria-owns="rc_select_TEST_OR_SSR_list"
               autoComplete="off"
               className="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
               onChange={[Function]}
               onCompositionEnd={[Function]}
               onCompositionStart={[Function]}
               onKeyDown={[Function]}
               onMouseDown={[Function]}
               onPaste={[Function]}
               readOnly={true}
               role="combobox"
               style={
                 Object {
                   "opacity": 0,
                 }
               }
               type="search"
               unselectable="on"
               value=""
             />
           </span>
           <span
             className="ant-select-selection-item"
             title="US Dollar ($)"
           >
             US Dollar ($)
           </span>
         </div>
         <span
           aria-hidden={true}
           className="ant-select-arrow"
           onMouseDown={[Function]}
           style={
             Object {
               "WebkitUserSelect": "none",
               "userSelect": "none",
             }
           }
           unselectable="on"
         >
           <span
             aria-label="down"
             className="anticon anticon-down ant-select-suffix"
             role="img"
           >
             <svg
               aria-hidden="true"
               data-icon="down"
               fill="currentColor"
               focusable="false"
               height="1em"
               viewBox="64 64 896 896"
               width="1em"
             >
               <path
                 d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
               />
             </svg>
           </span>
         </span>
       </div>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     <h2>
       <span
         aria-label="setting"
         className="anticon anticon-setting sc-ifAKCX gjwsUR"
         role="img"
       >
         <svg
           aria-hidden="true"
           data-icon="setting"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="64 64 896 896"
           width="1em"
         >
           <path
             d="M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 009.3-35.2l-.9-2.6a443.74 443.74 0 00-79.7-137.9l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.4a351.86 351.86 0 00-99 57.4l-81.9-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a446.02 446.02 0 00-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0025.8 25.7l2.7.5a449.4 449.4 0 00159 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-85a350 350 0 0099.7-57.6l81.3 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 01-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 01-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 01512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 01400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 01624 502c0 29.9-11.7 58-32.8 79.2z"
           />
         </svg>
       </span>
        General Settings
     </h2>
     <div
-      className="sc-caSCKo dOKaue"
+      className="sc-gisBJw cUrPBI"
     >
       <div
         className="title"
       >
         <span
           aria-label="lock"
           className="anticon anticon-lock"
           role="img"
         >
           <svg
             aria-hidden="true"
             data-icon="lock"
             fill="currentColor"
             focusable="false"
             height="1em"
             viewBox="64 64 896 896"
             width="1em"
           >
             <path
               d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0zm152-237H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224z"
             />
           </svg>
         </span>
          Lock App
       </div>
       <span
         className="ant-tag ant-tag-warning"
         style={
           Object {
             "backgroundColor": undefined,
           }
         }
       >
         <span
           aria-label="exclamation-circle"
           className="anticon anticon-exclamation-circle"
           role="img"
         >
           <svg
             aria-hidden="true"
             data-icon="exclamation-circle"
             fill="currentColor"
             focusable="false"
             height="1em"
             viewBox="64 64 896 896"
             width="1em"
           >
             <path
               d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
             />
           </svg>
         </span>
         <span>
           Not Supported
         </span>
       </span>
     </div>
     <div
-      className="sc-caSCKo dOKaue"
+      className="sc-gisBJw cUrPBI"
     >
       <div
         className="SendConfirm"
       >
         <span
           aria-label="lock"
           className="anticon anticon-lock"
           role="img"
         >
           <svg
             aria-hidden="true"
             data-icon="lock"
             fill="currentColor"
             focusable="false"
             height="1em"
             viewBox="64 64 896 896"
             width="1em"
           >
             <path
               d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0zm152-237H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224z"
             />
           </svg>
         </span>
          Send Confirmations
       </div>
       <button
         aria-checked={false}
         className="ant-switch ant-switch-small"
         onClick={[Function]}
         onKeyDown={[Function]}
         role="switch"
         type="button"
       >
         <div
           className="ant-switch-handle"
         />
         <span
           className="ant-switch-inner"
         >
           <span
             aria-label="close"
             className="anticon anticon-close"
             role="img"
           >
             <svg
               aria-hidden="true"
               data-icon="close"
               fill="currentColor"
               focusable="false"
               height="1em"
               viewBox="64 64 896 896"
               width="1em"
             >
               <path
                 d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
               />
             </svg>
           </span>
         </span>
       </button>
     </div>
     <div
-      className="sc-fAjcbJ bxdoEv"
+      className="sc-caSCKo bZftbI"
     />
     [
     <a
-      className="sc-iRbamj bDTUpB"
+      className="sc-jlyJG dvLWBt"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
       type="link"
     >
       Documentation
     </a>
     ]
   </div>
 </div>
 `;
diff --git a/web/cashtab/src/components/Home/Tx.js b/web/cashtab/src/components/Home/Tx.js
index 5e6b881fb..e33b65310 100644
--- a/web/cashtab/src/components/Home/Tx.js
+++ b/web/cashtab/src/components/Home/Tx.js
@@ -1,774 +1,795 @@
 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 { generalNotification } from 'components/Common/Notifications';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 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 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 {
         color: ${props => props.theme.genesisGreen};
     }
     .received {
         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;
     }
     .genesis {
         color: ${props => props.theme.genesisGreen};
     }
     .received {
         color: ${props => props.theme.eCashBlue};
     }
     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;
     }
     .genesis {
         color: ${props => props.theme.genesisGreen};
     }
     .received {
         color: ${props => props.theme.eCashBlue};
     }
     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 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 Tx = ({ data, fiatPrice, fiatCurrency, addressesInContactList }) => {
     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">
                     <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">
                                                             Genesis
                                                         </h3>
                                                     ) : (
                                                         <h3 className="sent">
                                                             Sent
                                                         </h3>
                                                     )}
                                                 </>
                                             ) : (
                                                 <h3 className="received">
                                                     Received
                                                 </h3>
                                             )}
                                             <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' ? (
                                                                     <>
                                                                         <TokenTxAmt className="genesis">
                                                                             +{' '}
                                                                             {data.tokenInfo.qtyReceived.toString()}
                                                                             &nbsp;
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenTicker
                                                                             }
                                                                         </TokenTxAmt>
                                                                         <TokenName>
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenName
                                                                             }
                                                                         </TokenName>
                                                                     </>
                                                                 ) : (
                                                                     <>
                                                                         <TokenTxAmt>
                                                                             -{' '}
                                                                             {data.tokenInfo.qtySent.toString()}
                                                                             &nbsp;
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenTicker
                                                                             }
                                                                         </TokenTxAmt>
                                                                         <TokenName>
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenName
                                                                             }
                                                                         </TokenName>
                                                                     </>
                                                                 )}
                                                             </RightTextCtn>
                                                         ) : (
                                                             <RightTextCtn>
                                                                 <TokenTxAmt className="received">
                                                                     +{' '}
                                                                     {data.tokenInfo.qtyReceived.toString()}
                                                                     &nbsp;
                                                                     {
                                                                         data
                                                                             .tokenInfo
                                                                             .tokenTicker
                                                                     }
                                                                 </TokenTxAmt>
                                                                 <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>
                                                                 )}
                                                         </>
                                                     ) : (
                                                         <>
                                                             <h3 className="received">
                                                                 +
                                                                 {formatBalance(
                                                                     fromLegacyDecimals(
                                                                         data.amountReceived,
                                                                     ),
                                                                 )}{' '}
                                                                 {
                                                                     currency.ticker
                                                                 }
                                                             </h3>
                                                             {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 To Message
                                                         </Link>
                                                     ) : (
                                                         ''
                                                     )}
                                                 </OpReturnType>
                                             </>
                                         )}
                                     </TxWrapper>
                                 </>
                             }
                         >
                             <PanelCtn>
                                 <CopyToClipboard text={data.txid}>
                                     <DropdownButton
                                         onClick={() => {
                                             generalNotification(
                                                 data.txid,
                                                 'Tx ID copied to clipboard',
                                             );
                                         }}
                                     >
                                         <DropdownIconWrapper>
-                                            <TextLayer>Copy Tx ID</TextLayer>
+                                            <TextLayer>Txid</TextLayer>
+
                                             <ThemedCopySolid />
                                         </DropdownIconWrapper>
                                     </DropdownButton>
                                 </CopyToClipboard>
                                 {data.opReturnMessage && (
                                     <CopyToClipboard
                                         text={data.opReturnMessage}
                                     >
                                         <DropdownButton
                                             onClick={() => {
                                                 generalNotification(
                                                     data.opReturnMessage,
                                                     'Cashtab message copied to clipboard',
                                                 );
                                             }}
                                         >
                                             <DropdownIconWrapper>
-                                                <TextLayer>Copy Msg</TextLayer>
+                                                <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 && (
                                     <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),
 };
 
 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 5f9eb1a44..7d50edc44 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-kgAjT jsFvNb"
+    className="sc-cJSrbW jPTFkt"
   >
     <h4
-      className="sc-uJMKN cKiOJP"
+      className="sc-bbmXgH cXxYjE"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-ksYbfQ kyaaba"
+      className="sc-hmzhuo jGtnCu"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-cHGsZl gZKPNt"
+    className="sc-TOsTZ ePGIdr"
   >
     <div
-      className="sc-bbmXgH cDnIaX"
+      className="sc-gGBfsJ jUIZZs"
     >
       <button
-        className="sc-gGBfsJ nhSkV"
+        className="sc-jnlKLf izRvRI"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-gGBfsJ cUGrfZ"
+        className="sc-jnlKLf lblEKN"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-jnlKLf bEDump"
+      className="sc-fYxtnH fiPSMX"
     >
       <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-jnlKLf iofjAr"
+      className="sc-fYxtnH hfLMVU"
     >
       <a
-        className="sc-ktHwxA bInOhz"
+        className="sc-cIShpX fxEPvd"
         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-kgAjT jsFvNb"
+    className="sc-cJSrbW jPTFkt"
   >
     <h4
-      className="sc-uJMKN cKiOJP"
+      className="sc-bbmXgH cXxYjE"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-ksYbfQ kyaaba"
+      className="sc-hmzhuo jGtnCu"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-cHGsZl gZKPNt"
+    className="sc-TOsTZ ePGIdr"
   >
     <div
-      className="sc-bbmXgH cDnIaX"
+      className="sc-gGBfsJ jUIZZs"
     >
       <button
-        className="sc-gGBfsJ nhSkV"
+        className="sc-jnlKLf izRvRI"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-gGBfsJ cUGrfZ"
+        className="sc-jnlKLf lblEKN"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-jnlKLf bEDump"
+      className="sc-fYxtnH fiPSMX"
     >
       <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-jnlKLf iofjAr"
+      className="sc-fYxtnH hfLMVU"
     >
       <a
-        className="sc-ktHwxA bInOhz"
+        className="sc-cIShpX fxEPvd"
         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-kgAjT jsFvNb"
+    className="sc-cJSrbW jPTFkt"
   >
     <h4
-      className="sc-uJMKN cKiOJP"
+      className="sc-bbmXgH cXxYjE"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-ksYbfQ kyaaba"
+      className="sc-hmzhuo jGtnCu"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-cHGsZl gZKPNt"
+    className="sc-TOsTZ ePGIdr"
   >
     <div
-      className="sc-bbmXgH cDnIaX"
+      className="sc-gGBfsJ jUIZZs"
     >
       <button
-        className="sc-gGBfsJ nhSkV"
+        className="sc-jnlKLf izRvRI"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-gGBfsJ cUGrfZ"
+        className="sc-jnlKLf lblEKN"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-jnlKLf bEDump"
+      className="sc-fYxtnH fiPSMX"
     >
       <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-jnlKLf iofjAr"
+      className="sc-fYxtnH hfLMVU"
     >
       <a
-        className="sc-ktHwxA bInOhz"
+        className="sc-cIShpX fxEPvd"
         href="/tokens"
         onClick={[Function]}
       >
         Create eToken
       </a>
       <div>
         <a
           href="/send-token/bd1acc4c986de57af8d6d2a64aecad8c30ee80f37ae9d066d758923732ddc9ba"
           onClick={[Function]}
         >
           <div
-            className="sc-hMqMXs knAjCU"
+            className="sc-kEYyzF hdwThf"
           >
             <div
-              className="sc-eNQAEJ fzOwNd"
+              className="sc-hMqMXs kbeXyQ"
             >
               <div
-                className="sc-jKJlTe kbrkdg"
+                className="sc-eNQAEJ fYyIyU"
               />
               <h4>
                 TBS
               </h4>
             </div>
             <h4>
               6.001
             </h4>
           </div>
         </a>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-kgAjT jsFvNb"
+    className="sc-cJSrbW jPTFkt"
   >
     <h4
-      className="sc-uJMKN cKiOJP"
+      className="sc-bbmXgH cXxYjE"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-ksYbfQ kyaaba"
+      className="sc-hmzhuo jGtnCu"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-cHGsZl gZKPNt"
+    className="sc-TOsTZ ePGIdr"
   >
     <div
-      className="sc-bbmXgH cDnIaX"
+      className="sc-gGBfsJ jUIZZs"
     >
       <button
-        className="sc-gGBfsJ nhSkV"
+        className="sc-jnlKLf izRvRI"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-gGBfsJ cUGrfZ"
+        className="sc-jnlKLf lblEKN"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-jnlKLf bEDump"
+      className="sc-fYxtnH fiPSMX"
     >
       <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-jnlKLf iofjAr"
+      className="sc-fYxtnH hfLMVU"
     >
       <a
-        className="sc-ktHwxA bInOhz"
+        className="sc-cIShpX fxEPvd"
         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-kpOJdX kONCrM"
+  className="sc-dxgOiQ cWRZZO"
 >
   <h2>
     Welcome to Cashtab!
   </h2>
   <p
-    className="sc-dxgOiQ bHCDmq"
+    className="sc-ckVGcZ gYVrKF"
   >
     Cashtab is an
      
     <a
-      className="sc-ckVGcZ cSiZhZ"
+      className="sc-jKJlTe icnQEd"
       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-ckVGcZ cSiZhZ"
+      className="sc-jKJlTe icnQEd"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
     >
       Check out the Cashtab documentation.
     </a>
   </p>
   <button
-    className="sc-kAzzGY JHlhn"
+    className="sc-chPdSV bWFpkA"
     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-chPdSV dSieku"
+    className="sc-kgoBCf hCCasR"
     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>
 `;
diff --git a/web/cashtab/src/components/Receive/__tests__/__snapshots__/Receive.test.js.snap b/web/cashtab/src/components/Receive/__tests__/__snapshots__/Receive.test.js.snap
index 5571ca28b..9908d4e34 100644
--- a/web/cashtab/src/components/Receive/__tests__/__snapshots__/Receive.test.js.snap
+++ b/web/cashtab/src/components/Receive/__tests__/__snapshots__/Receive.test.js.snap
@@ -1,534 +1,534 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances 1`] = `
 <div
-  className="sc-csuQGl jYZGme"
+  className="sc-Rmtcm ggWhsG"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-eNQAEJ dTlMzK"
+      className="sc-hMqMXs kePvzG"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-jKJlTe kmMsBd"
+      className="sc-eNQAEJ kHsxgJ"
       height={210}
       id="borderedQRCode"
       shapeRendering="crispEdges"
       viewBox="0 0 37 37"
       width={210}
       xec={1}
     >
       <path
         d="M0,0 h37v37H0z"
         fill="#FFFFFF"
       />
       <path
         d="M4 4h7v1H4zM12 4h1v1H12zM14 4h1v1H14zM16 4h1v1H16zM18 4h1v1H18zM21 4h4v1H21zM26,4 h7v1H26zM4 5h1v1H4zM10 5h1v1H10zM13 5h5v1H13zM20 5h1v1H20zM22 5h1v1H22zM26 5h1v1H26zM32,5 h1v1H32zM4 6h1v1H4zM6 6h3v1H6zM10 6h1v1H10zM12 6h3v1H12zM17 6h1v1H17zM19 6h2v1H19zM26 6h1v1H26zM28 6h3v1H28zM32,6 h1v1H32zM4 7h1v1H4zM6 7h3v1H6zM10 7h1v1H10zM12 7h3v1H12zM16 7h4v1H16zM21 7h2v1H21zM26 7h1v1H26zM28 7h3v1H28zM32,7 h1v1H32zM4 8h1v1H4zM6 8h3v1H6zM10 8h1v1H10zM12 8h1v1H12zM15 8h3v1H15zM19 8h5v1H19zM26 8h1v1H26zM28 8h3v1H28zM32,8 h1v1H32zM4 9h1v1H4zM10 9h1v1H10zM14 9h2v1H14zM17 9h1v1H17zM21 9h1v1H21zM23 9h1v1H23zM26 9h1v1H26zM32,9 h1v1H32zM4 10h7v1H4zM12 10h1v1H12zM14 10h1v1H14zM16 10h1v1H16zM18 10h1v1H18zM20 10h1v1H20zM22 10h1v1H22zM24 10h1v1H24zM26,10 h7v1H26zM14 11h1v1H14zM16 11h1v1H16zM19 11h1v1H19zM21 11h3v1H21zM4 12h4v1H4zM10 12h1v1H10zM12 12h1v1H12zM14 12h2v1H14zM19 12h7v1H19zM28 12h3v1H28zM32,12 h1v1H32zM5 13h1v1H5zM7 13h2v1H7zM12 13h1v1H12zM14 13h1v1H14zM16 13h1v1H16zM18 13h1v1H18zM20 13h1v1H20zM22 13h3v1H22zM26 13h1v1H26zM28 13h1v1H28zM32,13 h1v1H32zM4 14h2v1H4zM7 14h4v1H7zM12 14h4v1H12zM17 14h1v1H17zM21 14h1v1H21zM25 14h1v1H25zM27 14h1v1H27zM29 14h1v1H29zM31 14h1v1H31zM4 15h2v1H4zM8 15h2v1H8zM12 15h3v1H12zM16 15h3v1H16zM20 15h1v1H20zM22 15h1v1H22zM25 15h1v1H25zM27 15h1v1H27zM31,15 h2v1H31zM5 16h4v1H5zM10 16h2v1H10zM13 16h2v1H13zM21 16h1v1H21zM23 16h1v1H23zM27 16h1v1H27zM30 16h2v1H30zM5 17h1v1H5zM7 17h1v1H7zM9 17h1v1H9zM11 17h1v1H11zM13 17h1v1H13zM21 17h1v1H21zM23 17h1v1H23zM26 17h2v1H26zM32,17 h1v1H32zM5 18h1v1H5zM9 18h2v1H9zM12 18h1v1H12zM14 18h1v1H14zM21 18h1v1H21zM23 18h1v1H23zM25 18h1v1H25zM27 18h1v1H27zM29 18h1v1H29zM31,18 h2v1H31zM5 19h5v1H5zM12 19h1v1H12zM15 19h1v1H15zM32,19 h1v1H32zM8 20h4v1H8zM14 20h1v1H14zM22 20h2v1H22zM25 20h1v1H25zM28 20h2v1H28zM6 21h1v1H6zM12 21h1v1H12zM15 21h3v1H15zM19 21h1v1H19zM21 21h1v1H21zM24 21h2v1H24zM27 21h1v1H27zM29 21h2v1H29zM4 22h1v1H4zM7 22h1v1H7zM9 22h3v1H9zM13 22h2v1H13zM16 22h2v1H16zM19 22h1v1H19zM21 22h2v1H21zM24 22h1v1H24zM27 22h1v1H27zM30 22h1v1H30zM8 23h2v1H8zM13 23h2v1H13zM16 23h1v1H16zM19 23h1v1H19zM21 23h1v1H21zM24 23h1v1H24zM26 23h1v1H26zM29 23h3v1H29zM5 24h2v1H5zM8 24h1v1H8zM10 24h1v1H10zM16 24h1v1H16zM18 24h1v1H18zM21 24h8v1H21zM30,24 h3v1H30zM12 25h1v1H12zM15 25h4v1H15zM20 25h5v1H20zM28 25h1v1H28zM31,25 h2v1H31zM4 26h7v1H4zM13 26h1v1H13zM15 26h1v1H15zM18 26h1v1H18zM20 26h1v1H20zM22 26h3v1H22zM26 26h1v1H26zM28 26h4v1H28zM4 27h1v1H4zM10 27h1v1H10zM14 27h2v1H14zM17 27h1v1H17zM19 27h2v1H19zM24 27h1v1H24zM28 27h1v1H28zM32,27 h1v1H32zM4 28h1v1H4zM6 28h3v1H6zM10 28h1v1H10zM13 28h2v1H13zM17 28h5v1H17zM24 28h8v1H24zM4 29h1v1H4zM6 29h3v1H6zM10 29h1v1H10zM12 29h3v1H12zM16 29h4v1H16zM22 29h1v1H22zM25 29h1v1H25zM27 29h2v1H27zM31,29 h2v1H31zM4 30h1v1H4zM6 30h3v1H6zM10 30h1v1H10zM12 30h1v1H12zM14 30h1v1H14zM21 30h1v1H21zM27 30h1v1H27zM29 30h2v1H29zM32,30 h1v1H32zM4 31h1v1H4zM10 31h1v1H10zM12 31h2v1H12zM15 31h2v1H15zM18 31h1v1H18zM20 31h1v1H20zM22 31h8v1H22zM31 31h1v1H31zM4 32h7v1H4zM12 32h1v1H12zM14 32h4v1H14zM20 32h1v1H20zM24 32h1v1H24zM27 32h1v1H27zM31 32h1v1H31z"
         fill="#000000"
       />
       <image
         height={4.228571428571429}
         preserveAspectRatio="none"
         width={4.228571428571429}
         x={16.385714285714286}
         xlinkHref="logo_primary.png"
         y={16.385714285714286}
       />
     </svg>
     <div
-      className="sc-kkGfuU iSbpwT notranslate"
+      className="sc-iAyFgw goUWhE notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-hMqMXs fiXNCq"
+        className="sc-kEYyzF bVAZnO"
       >
         ecash:
       </span>
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-Rmtcm laCEqq"
+    className="sc-bRBYWo dWFgdQ"
   >
     <div
-      className="sc-bRBYWo bIwbVj"
+      className="sc-hzDkRC jtinbH"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-bRBYWo bIwbVj nonactiveBtn"
+      className="sc-hzDkRC jtinbH nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 <div
-  className="sc-csuQGl jYZGme"
+  className="sc-Rmtcm ggWhsG"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-eNQAEJ dTlMzK"
+      className="sc-hMqMXs kePvzG"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-jKJlTe kmMsBd"
+      className="sc-eNQAEJ kHsxgJ"
       height={210}
       id="borderedQRCode"
       shapeRendering="crispEdges"
       viewBox="0 0 37 37"
       width={210}
       xec={1}
     >
       <path
         d="M0,0 h37v37H0z"
         fill="#FFFFFF"
       />
       <path
         d="M4 4h7v1H4zM12 4h1v1H12zM14 4h1v1H14zM16 4h1v1H16zM18 4h1v1H18zM21 4h4v1H21zM26,4 h7v1H26zM4 5h1v1H4zM10 5h1v1H10zM13 5h5v1H13zM20 5h1v1H20zM22 5h1v1H22zM26 5h1v1H26zM32,5 h1v1H32zM4 6h1v1H4zM6 6h3v1H6zM10 6h1v1H10zM12 6h3v1H12zM17 6h1v1H17zM19 6h2v1H19zM26 6h1v1H26zM28 6h3v1H28zM32,6 h1v1H32zM4 7h1v1H4zM6 7h3v1H6zM10 7h1v1H10zM12 7h3v1H12zM16 7h4v1H16zM21 7h2v1H21zM26 7h1v1H26zM28 7h3v1H28zM32,7 h1v1H32zM4 8h1v1H4zM6 8h3v1H6zM10 8h1v1H10zM12 8h1v1H12zM15 8h3v1H15zM19 8h5v1H19zM26 8h1v1H26zM28 8h3v1H28zM32,8 h1v1H32zM4 9h1v1H4zM10 9h1v1H10zM14 9h2v1H14zM17 9h1v1H17zM21 9h1v1H21zM23 9h1v1H23zM26 9h1v1H26zM32,9 h1v1H32zM4 10h7v1H4zM12 10h1v1H12zM14 10h1v1H14zM16 10h1v1H16zM18 10h1v1H18zM20 10h1v1H20zM22 10h1v1H22zM24 10h1v1H24zM26,10 h7v1H26zM14 11h1v1H14zM16 11h1v1H16zM19 11h1v1H19zM21 11h3v1H21zM4 12h4v1H4zM10 12h1v1H10zM12 12h1v1H12zM14 12h2v1H14zM19 12h7v1H19zM28 12h3v1H28zM32,12 h1v1H32zM5 13h1v1H5zM7 13h2v1H7zM12 13h1v1H12zM14 13h1v1H14zM16 13h1v1H16zM18 13h1v1H18zM20 13h1v1H20zM22 13h3v1H22zM26 13h1v1H26zM28 13h1v1H28zM32,13 h1v1H32zM4 14h2v1H4zM7 14h4v1H7zM12 14h4v1H12zM17 14h1v1H17zM21 14h1v1H21zM25 14h1v1H25zM27 14h1v1H27zM29 14h1v1H29zM31 14h1v1H31zM4 15h2v1H4zM8 15h2v1H8zM12 15h3v1H12zM16 15h3v1H16zM20 15h1v1H20zM22 15h1v1H22zM25 15h1v1H25zM27 15h1v1H27zM31,15 h2v1H31zM5 16h4v1H5zM10 16h2v1H10zM13 16h2v1H13zM21 16h1v1H21zM23 16h1v1H23zM27 16h1v1H27zM30 16h2v1H30zM5 17h1v1H5zM7 17h1v1H7zM9 17h1v1H9zM11 17h1v1H11zM13 17h1v1H13zM21 17h1v1H21zM23 17h1v1H23zM26 17h2v1H26zM32,17 h1v1H32zM5 18h1v1H5zM9 18h2v1H9zM12 18h1v1H12zM14 18h1v1H14zM21 18h1v1H21zM23 18h1v1H23zM25 18h1v1H25zM27 18h1v1H27zM29 18h1v1H29zM31,18 h2v1H31zM5 19h5v1H5zM12 19h1v1H12zM15 19h1v1H15zM32,19 h1v1H32zM8 20h4v1H8zM14 20h1v1H14zM22 20h2v1H22zM25 20h1v1H25zM28 20h2v1H28zM6 21h1v1H6zM12 21h1v1H12zM15 21h3v1H15zM19 21h1v1H19zM21 21h1v1H21zM24 21h2v1H24zM27 21h1v1H27zM29 21h2v1H29zM4 22h1v1H4zM7 22h1v1H7zM9 22h3v1H9zM13 22h2v1H13zM16 22h2v1H16zM19 22h1v1H19zM21 22h2v1H21zM24 22h1v1H24zM27 22h1v1H27zM30 22h1v1H30zM8 23h2v1H8zM13 23h2v1H13zM16 23h1v1H16zM19 23h1v1H19zM21 23h1v1H21zM24 23h1v1H24zM26 23h1v1H26zM29 23h3v1H29zM5 24h2v1H5zM8 24h1v1H8zM10 24h1v1H10zM16 24h1v1H16zM18 24h1v1H18zM21 24h8v1H21zM30,24 h3v1H30zM12 25h1v1H12zM15 25h4v1H15zM20 25h5v1H20zM28 25h1v1H28zM31,25 h2v1H31zM4 26h7v1H4zM13 26h1v1H13zM15 26h1v1H15zM18 26h1v1H18zM20 26h1v1H20zM22 26h3v1H22zM26 26h1v1H26zM28 26h4v1H28zM4 27h1v1H4zM10 27h1v1H10zM14 27h2v1H14zM17 27h1v1H17zM19 27h2v1H19zM24 27h1v1H24zM28 27h1v1H28zM32,27 h1v1H32zM4 28h1v1H4zM6 28h3v1H6zM10 28h1v1H10zM13 28h2v1H13zM17 28h5v1H17zM24 28h8v1H24zM4 29h1v1H4zM6 29h3v1H6zM10 29h1v1H10zM12 29h3v1H12zM16 29h4v1H16zM22 29h1v1H22zM25 29h1v1H25zM27 29h2v1H27zM31,29 h2v1H31zM4 30h1v1H4zM6 30h3v1H6zM10 30h1v1H10zM12 30h1v1H12zM14 30h1v1H14zM21 30h1v1H21zM27 30h1v1H27zM29 30h2v1H29zM32,30 h1v1H32zM4 31h1v1H4zM10 31h1v1H10zM12 31h2v1H12zM15 31h2v1H15zM18 31h1v1H18zM20 31h1v1H20zM22 31h8v1H22zM31 31h1v1H31zM4 32h7v1H4zM12 32h1v1H12zM14 32h4v1H14zM20 32h1v1H20zM24 32h1v1H24zM27 32h1v1H27zM31 32h1v1H31z"
         fill="#000000"
       />
       <image
         height={4.228571428571429}
         preserveAspectRatio="none"
         width={4.228571428571429}
         x={16.385714285714286}
         xlinkHref="logo_primary.png"
         y={16.385714285714286}
       />
     </svg>
     <div
-      className="sc-kkGfuU iSbpwT notranslate"
+      className="sc-iAyFgw goUWhE notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-hMqMXs fiXNCq"
+        className="sc-kEYyzF bVAZnO"
       >
         ecash:
       </span>
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-Rmtcm laCEqq"
+    className="sc-bRBYWo dWFgdQ"
   >
     <div
-      className="sc-bRBYWo bIwbVj"
+      className="sc-hzDkRC jtinbH"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-bRBYWo bIwbVj nonactiveBtn"
+      className="sc-hzDkRC jtinbH nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 <div
-  className="sc-csuQGl jYZGme"
+  className="sc-Rmtcm ggWhsG"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-eNQAEJ dTlMzK"
+      className="sc-hMqMXs kePvzG"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-jKJlTe kmMsBd"
+      className="sc-eNQAEJ kHsxgJ"
       height={210}
       id="borderedQRCode"
       shapeRendering="crispEdges"
       viewBox="0 0 37 37"
       width={210}
       xec={1}
     >
       <path
         d="M0,0 h37v37H0z"
         fill="#FFFFFF"
       />
       <path
         d="M4 4h7v1H4zM12 4h1v1H12zM14 4h1v1H14zM16 4h1v1H16zM18 4h1v1H18zM21 4h4v1H21zM26,4 h7v1H26zM4 5h1v1H4zM10 5h1v1H10zM13 5h5v1H13zM20 5h1v1H20zM22 5h1v1H22zM26 5h1v1H26zM32,5 h1v1H32zM4 6h1v1H4zM6 6h3v1H6zM10 6h1v1H10zM12 6h3v1H12zM17 6h1v1H17zM19 6h2v1H19zM26 6h1v1H26zM28 6h3v1H28zM32,6 h1v1H32zM4 7h1v1H4zM6 7h3v1H6zM10 7h1v1H10zM12 7h3v1H12zM16 7h4v1H16zM21 7h2v1H21zM26 7h1v1H26zM28 7h3v1H28zM32,7 h1v1H32zM4 8h1v1H4zM6 8h3v1H6zM10 8h1v1H10zM12 8h1v1H12zM15 8h3v1H15zM19 8h5v1H19zM26 8h1v1H26zM28 8h3v1H28zM32,8 h1v1H32zM4 9h1v1H4zM10 9h1v1H10zM14 9h2v1H14zM17 9h1v1H17zM21 9h1v1H21zM23 9h1v1H23zM26 9h1v1H26zM32,9 h1v1H32zM4 10h7v1H4zM12 10h1v1H12zM14 10h1v1H14zM16 10h1v1H16zM18 10h1v1H18zM20 10h1v1H20zM22 10h1v1H22zM24 10h1v1H24zM26,10 h7v1H26zM14 11h1v1H14zM16 11h1v1H16zM19 11h1v1H19zM21 11h3v1H21zM4 12h4v1H4zM10 12h1v1H10zM12 12h1v1H12zM14 12h2v1H14zM19 12h7v1H19zM28 12h3v1H28zM32,12 h1v1H32zM5 13h1v1H5zM7 13h2v1H7zM12 13h1v1H12zM14 13h1v1H14zM16 13h1v1H16zM18 13h1v1H18zM20 13h1v1H20zM22 13h3v1H22zM26 13h1v1H26zM28 13h1v1H28zM32,13 h1v1H32zM4 14h2v1H4zM7 14h4v1H7zM12 14h4v1H12zM17 14h1v1H17zM21 14h1v1H21zM25 14h1v1H25zM27 14h1v1H27zM29 14h1v1H29zM31 14h1v1H31zM4 15h2v1H4zM8 15h2v1H8zM12 15h3v1H12zM16 15h3v1H16zM20 15h1v1H20zM22 15h1v1H22zM25 15h1v1H25zM27 15h1v1H27zM31,15 h2v1H31zM5 16h4v1H5zM10 16h2v1H10zM13 16h2v1H13zM21 16h1v1H21zM23 16h1v1H23zM27 16h1v1H27zM30 16h2v1H30zM5 17h1v1H5zM7 17h1v1H7zM9 17h1v1H9zM11 17h1v1H11zM13 17h1v1H13zM21 17h1v1H21zM23 17h1v1H23zM26 17h2v1H26zM32,17 h1v1H32zM5 18h1v1H5zM9 18h2v1H9zM12 18h1v1H12zM14 18h1v1H14zM21 18h1v1H21zM23 18h1v1H23zM25 18h1v1H25zM27 18h1v1H27zM29 18h1v1H29zM31,18 h2v1H31zM5 19h5v1H5zM12 19h1v1H12zM15 19h1v1H15zM32,19 h1v1H32zM8 20h4v1H8zM14 20h1v1H14zM22 20h2v1H22zM25 20h1v1H25zM28 20h2v1H28zM6 21h1v1H6zM12 21h1v1H12zM15 21h3v1H15zM19 21h1v1H19zM21 21h1v1H21zM24 21h2v1H24zM27 21h1v1H27zM29 21h2v1H29zM4 22h1v1H4zM7 22h1v1H7zM9 22h3v1H9zM13 22h2v1H13zM16 22h2v1H16zM19 22h1v1H19zM21 22h2v1H21zM24 22h1v1H24zM27 22h1v1H27zM30 22h1v1H30zM8 23h2v1H8zM13 23h2v1H13zM16 23h1v1H16zM19 23h1v1H19zM21 23h1v1H21zM24 23h1v1H24zM26 23h1v1H26zM29 23h3v1H29zM5 24h2v1H5zM8 24h1v1H8zM10 24h1v1H10zM16 24h1v1H16zM18 24h1v1H18zM21 24h8v1H21zM30,24 h3v1H30zM12 25h1v1H12zM15 25h4v1H15zM20 25h5v1H20zM28 25h1v1H28zM31,25 h2v1H31zM4 26h7v1H4zM13 26h1v1H13zM15 26h1v1H15zM18 26h1v1H18zM20 26h1v1H20zM22 26h3v1H22zM26 26h1v1H26zM28 26h4v1H28zM4 27h1v1H4zM10 27h1v1H10zM14 27h2v1H14zM17 27h1v1H17zM19 27h2v1H19zM24 27h1v1H24zM28 27h1v1H28zM32,27 h1v1H32zM4 28h1v1H4zM6 28h3v1H6zM10 28h1v1H10zM13 28h2v1H13zM17 28h5v1H17zM24 28h8v1H24zM4 29h1v1H4zM6 29h3v1H6zM10 29h1v1H10zM12 29h3v1H12zM16 29h4v1H16zM22 29h1v1H22zM25 29h1v1H25zM27 29h2v1H27zM31,29 h2v1H31zM4 30h1v1H4zM6 30h3v1H6zM10 30h1v1H10zM12 30h1v1H12zM14 30h1v1H14zM21 30h1v1H21zM27 30h1v1H27zM29 30h2v1H29zM32,30 h1v1H32zM4 31h1v1H4zM10 31h1v1H10zM12 31h2v1H12zM15 31h2v1H15zM18 31h1v1H18zM20 31h1v1H20zM22 31h8v1H22zM31 31h1v1H31zM4 32h7v1H4zM12 32h1v1H12zM14 32h4v1H14zM20 32h1v1H20zM24 32h1v1H24zM27 32h1v1H27zM31 32h1v1H31z"
         fill="#000000"
       />
       <image
         height={4.228571428571429}
         preserveAspectRatio="none"
         width={4.228571428571429}
         x={16.385714285714286}
         xlinkHref="logo_primary.png"
         y={16.385714285714286}
       />
     </svg>
     <div
-      className="sc-kkGfuU iSbpwT notranslate"
+      className="sc-iAyFgw goUWhE notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-hMqMXs fiXNCq"
+        className="sc-kEYyzF bVAZnO"
       >
         ecash:
       </span>
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-Rmtcm laCEqq"
+    className="sc-bRBYWo dWFgdQ"
   >
     <div
-      className="sc-bRBYWo bIwbVj"
+      className="sc-hzDkRC jtinbH"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-bRBYWo bIwbVj nonactiveBtn"
+      className="sc-hzDkRC jtinbH nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 <div
-  className="sc-csuQGl jYZGme"
+  className="sc-Rmtcm ggWhsG"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-eNQAEJ dTlMzK"
+      className="sc-hMqMXs kePvzG"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-jKJlTe kmMsBd"
+      className="sc-eNQAEJ kHsxgJ"
       height={210}
       id="borderedQRCode"
       shapeRendering="crispEdges"
       viewBox="0 0 37 37"
       width={210}
       xec={1}
     >
       <path
         d="M0,0 h37v37H0z"
         fill="#FFFFFF"
       />
       <path
         d="M4 4h7v1H4zM12 4h1v1H12zM14 4h1v1H14zM16 4h1v1H16zM18 4h1v1H18zM21 4h4v1H21zM26,4 h7v1H26zM4 5h1v1H4zM10 5h1v1H10zM13 5h5v1H13zM20 5h1v1H20zM22 5h1v1H22zM26 5h1v1H26zM32,5 h1v1H32zM4 6h1v1H4zM6 6h3v1H6zM10 6h1v1H10zM12 6h3v1H12zM17 6h1v1H17zM19 6h2v1H19zM26 6h1v1H26zM28 6h3v1H28zM32,6 h1v1H32zM4 7h1v1H4zM6 7h3v1H6zM10 7h1v1H10zM12 7h3v1H12zM16 7h4v1H16zM21 7h2v1H21zM26 7h1v1H26zM28 7h3v1H28zM32,7 h1v1H32zM4 8h1v1H4zM6 8h3v1H6zM10 8h1v1H10zM12 8h1v1H12zM15 8h3v1H15zM19 8h5v1H19zM26 8h1v1H26zM28 8h3v1H28zM32,8 h1v1H32zM4 9h1v1H4zM10 9h1v1H10zM14 9h2v1H14zM17 9h1v1H17zM21 9h1v1H21zM23 9h1v1H23zM26 9h1v1H26zM32,9 h1v1H32zM4 10h7v1H4zM12 10h1v1H12zM14 10h1v1H14zM16 10h1v1H16zM18 10h1v1H18zM20 10h1v1H20zM22 10h1v1H22zM24 10h1v1H24zM26,10 h7v1H26zM14 11h1v1H14zM16 11h1v1H16zM19 11h1v1H19zM21 11h3v1H21zM4 12h4v1H4zM10 12h1v1H10zM12 12h1v1H12zM14 12h2v1H14zM19 12h7v1H19zM28 12h3v1H28zM32,12 h1v1H32zM5 13h1v1H5zM7 13h2v1H7zM12 13h1v1H12zM14 13h1v1H14zM16 13h1v1H16zM18 13h1v1H18zM20 13h1v1H20zM22 13h3v1H22zM26 13h1v1H26zM28 13h1v1H28zM32,13 h1v1H32zM4 14h2v1H4zM7 14h4v1H7zM12 14h4v1H12zM17 14h1v1H17zM21 14h1v1H21zM25 14h1v1H25zM27 14h1v1H27zM29 14h1v1H29zM31 14h1v1H31zM4 15h2v1H4zM8 15h2v1H8zM12 15h3v1H12zM16 15h3v1H16zM20 15h1v1H20zM22 15h1v1H22zM25 15h1v1H25zM27 15h1v1H27zM31,15 h2v1H31zM5 16h4v1H5zM10 16h2v1H10zM13 16h2v1H13zM21 16h1v1H21zM23 16h1v1H23zM27 16h1v1H27zM30 16h2v1H30zM5 17h1v1H5zM7 17h1v1H7zM9 17h1v1H9zM11 17h1v1H11zM13 17h1v1H13zM21 17h1v1H21zM23 17h1v1H23zM26 17h2v1H26zM32,17 h1v1H32zM5 18h1v1H5zM9 18h2v1H9zM12 18h1v1H12zM14 18h1v1H14zM21 18h1v1H21zM23 18h1v1H23zM25 18h1v1H25zM27 18h1v1H27zM29 18h1v1H29zM31,18 h2v1H31zM5 19h5v1H5zM12 19h1v1H12zM15 19h1v1H15zM32,19 h1v1H32zM8 20h4v1H8zM14 20h1v1H14zM22 20h2v1H22zM25 20h1v1H25zM28 20h2v1H28zM6 21h1v1H6zM12 21h1v1H12zM15 21h3v1H15zM19 21h1v1H19zM21 21h1v1H21zM24 21h2v1H24zM27 21h1v1H27zM29 21h2v1H29zM4 22h1v1H4zM7 22h1v1H7zM9 22h3v1H9zM13 22h2v1H13zM16 22h2v1H16zM19 22h1v1H19zM21 22h2v1H21zM24 22h1v1H24zM27 22h1v1H27zM30 22h1v1H30zM8 23h2v1H8zM13 23h2v1H13zM16 23h1v1H16zM19 23h1v1H19zM21 23h1v1H21zM24 23h1v1H24zM26 23h1v1H26zM29 23h3v1H29zM5 24h2v1H5zM8 24h1v1H8zM10 24h1v1H10zM16 24h1v1H16zM18 24h1v1H18zM21 24h8v1H21zM30,24 h3v1H30zM12 25h1v1H12zM15 25h4v1H15zM20 25h5v1H20zM28 25h1v1H28zM31,25 h2v1H31zM4 26h7v1H4zM13 26h1v1H13zM15 26h1v1H15zM18 26h1v1H18zM20 26h1v1H20zM22 26h3v1H22zM26 26h1v1H26zM28 26h4v1H28zM4 27h1v1H4zM10 27h1v1H10zM14 27h2v1H14zM17 27h1v1H17zM19 27h2v1H19zM24 27h1v1H24zM28 27h1v1H28zM32,27 h1v1H32zM4 28h1v1H4zM6 28h3v1H6zM10 28h1v1H10zM13 28h2v1H13zM17 28h5v1H17zM24 28h8v1H24zM4 29h1v1H4zM6 29h3v1H6zM10 29h1v1H10zM12 29h3v1H12zM16 29h4v1H16zM22 29h1v1H22zM25 29h1v1H25zM27 29h2v1H27zM31,29 h2v1H31zM4 30h1v1H4zM6 30h3v1H6zM10 30h1v1H10zM12 30h1v1H12zM14 30h1v1H14zM21 30h1v1H21zM27 30h1v1H27zM29 30h2v1H29zM32,30 h1v1H32zM4 31h1v1H4zM10 31h1v1H10zM12 31h2v1H12zM15 31h2v1H15zM18 31h1v1H18zM20 31h1v1H20zM22 31h8v1H22zM31 31h1v1H31zM4 32h7v1H4zM12 32h1v1H12zM14 32h4v1H14zM20 32h1v1H20zM24 32h1v1H24zM27 32h1v1H27zM31 32h1v1H31z"
         fill="#000000"
       />
       <image
         height={4.228571428571429}
         preserveAspectRatio="none"
         width={4.228571428571429}
         x={16.385714285714286}
         xlinkHref="logo_primary.png"
         y={16.385714285714286}
       />
     </svg>
     <div
-      className="sc-kkGfuU iSbpwT notranslate"
+      className="sc-iAyFgw goUWhE notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-hMqMXs fiXNCq"
+        className="sc-kEYyzF bVAZnO"
       >
         ecash:
       </span>
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kEYyzF kWbTkG"
+        className="sc-kkGfuU dQkPqj"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-Rmtcm laCEqq"
+    className="sc-bRBYWo dWFgdQ"
   >
     <div
-      className="sc-bRBYWo bIwbVj"
+      className="sc-hzDkRC jtinbH"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-bRBYWo bIwbVj nonactiveBtn"
+      className="sc-hzDkRC jtinbH nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Without wallet defined 1`] = `
 <div
-  className="sc-kpOJdX kONCrM"
+  className="sc-dxgOiQ cWRZZO"
 >
   <h2>
     Welcome to Cashtab!
   </h2>
   <p
-    className="sc-dxgOiQ bHCDmq"
+    className="sc-ckVGcZ gYVrKF"
   >
     Cashtab is an
      
     <a
-      className="sc-ckVGcZ cSiZhZ"
+      className="sc-jKJlTe icnQEd"
       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-ckVGcZ cSiZhZ"
+      className="sc-jKJlTe icnQEd"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
     >
       Check out the Cashtab documentation.
     </a>
   </p>
   <button
-    className="sc-kAzzGY JHlhn"
+    className="sc-chPdSV bWFpkA"
     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-chPdSV dSieku"
+    className="sc-kgoBCf hCCasR"
     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>
 `;
diff --git a/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap b/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap
index 0a3a62802..8d5880af7 100644
--- a/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap
+++ b/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap
@@ -1,2731 +1,2731 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <form
           className="ant-form ant-form-horizontal"
           onReset={[Function]}
           onSubmit={[Function]}
           style={
             Object {
               "marginTop": "40px",
               "width": "auto",
             }
           }
         >
           <div
-            className="sc-jhAzac cncvVz"
+            className="sc-fBuWsC jgvAbf"
           >
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Send to
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={
                   Object {
                     "marginBottom": "0px",
                   }
                 }
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group-wrapper"
                       >
                         <span
                           className="ant-input-wrapper ant-input-group"
                         >
                           <span
                             className="ant-input-affix-wrapper"
                             hidden={null}
                             onMouseUp={[Function]}
                             style={null}
                           >
                             <span
                               className="ant-input-prefix"
                             >
                               <span
                                 aria-label="wallet"
                                 className="anticon anticon-wallet sc-htpNat lgbLiL"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="wallet"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
                                   />
                                 </svg>
                               </span>
                             </span>
                             <input
                               autoComplete="off"
                               className="ant-input"
                               hidden={null}
                               name="address"
                               onBlur={[Function]}
                               onChange={[Function]}
                               onFocus={[Function]}
                               onKeyDown={[Function]}
                               placeholder="XEC Address"
                               required={true}
                               style={null}
                               type="text"
                               value=""
                             />
                           </span>
                           <span
                             className="ant-input-group-addon"
                           >
                             <span
-                              className="sc-gqjmRU fgvpbA"
+                              className="sc-VigVT jPrdqZ"
                               onClick={[Function]}
                             >
                               <span
                                 aria-label="qrcode"
                                 className="anticon anticon-qrcode sc-bxivhb dlJbAr"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="qrcode"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
                                     d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
                                   />
                                 </svg>
                               </span>
                             </span>
                           </span>
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Amount
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={Object {}}
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group ant-input-group-compact"
                       >
                         <span
                           className="ant-input-affix-wrapper"
                           onMouseUp={[Function]}
                           style={
                             Object {
                               "textAlign": "left",
                               "width": "60%",
                             }
                           }
                         >
                           <span
                             className="ant-input-prefix"
                           >
                             <img
                               alt=""
                               height={16}
                               src="logo_primary.png"
                               width={16}
                             />
                           </span>
                           <input
                             className="ant-input"
                             disabled={false}
                             dollar={0}
                             hidden={null}
                             name="value"
                             onBlur={[Function]}
                             onChange={[Function]}
                             onFocus={[Function]}
                             onKeyDown={[Function]}
                             placeholder="Amount"
                             required={true}
                             step={0.01}
                             style={null}
                             type="number"
                             value=""
                           />
                         </span>
                         <div
                           className="ant-select select-after ant-select-single ant-select-show-arrow"
                           onBlur={[Function]}
                           onFocus={[Function]}
                           onKeyDown={[Function]}
                           onKeyUp={[Function]}
                           onMouseDown={[Function]}
                           style={
                             Object {
                               "width": "30%",
                             }
                           }
                         >
                           <div
                             className="ant-select-selector"
                             onClick={[Function]}
                             onMouseDown={[Function]}
                           >
                             <span
                               className="ant-select-selection-search"
                             >
                               <input
                                 aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
                                 aria-autocomplete="list"
                                 aria-controls="rc_select_TEST_OR_SSR_list"
                                 aria-haspopup="listbox"
                                 aria-owns="rc_select_TEST_OR_SSR_list"
                                 autoComplete="off"
                                 className="ant-select-selection-search-input"
                                 disabled={false}
                                 id="rc_select_TEST_OR_SSR"
                                 onChange={[Function]}
                                 onCompositionEnd={[Function]}
                                 onCompositionStart={[Function]}
                                 onKeyDown={[Function]}
                                 onMouseDown={[Function]}
                                 onPaste={[Function]}
                                 readOnly={true}
                                 role="combobox"
                                 style={
                                   Object {
                                     "opacity": 0,
                                   }
                                 }
                                 type="search"
                                 unselectable="on"
                                 value=""
                               />
                             </span>
                             <span
                               className="ant-select-selection-item"
                               title="XEC"
                             >
                               XEC
                             </span>
                           </div>
                           <span
                             aria-hidden={true}
                             className="ant-select-arrow"
                             onMouseDown={[Function]}
                             style={
                               Object {
                                 "WebkitUserSelect": "none",
                                 "userSelect": "none",
                               }
                             }
                             unselectable="on"
                           >
                             <span
                               aria-label="down"
                               className="anticon anticon-down ant-select-suffix"
                               role="img"
                             >
                               <svg
                                 aria-hidden="true"
                                 data-icon="down"
                                 fill="currentColor"
                                 focusable="false"
                                 height="1em"
                                 viewBox="64 64 896 896"
                                 width="1em"
                               >
                                 <path
                                   d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                 />
                               </svg>
                             </span>
                           </span>
                         </div>
                         <span
-                          className="sc-cSHVUG jInwBG"
+                          className="sc-kAzzGY hVyOwU"
                           disabled={false}
                           onClick={[Function]}
                           style={
                             Object {
                               "height": "55px",
                               "lineHeight": "55px",
                               "width": "10%",
                             }
                           }
                         >
                           max
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="sc-hzDkRC hMJraf"
+            className="sc-jhAzac czfDUS"
           >
             <h3
-              className="sc-fBuWsC jyskGg"
+              className="sc-fMiknA eYsQBU"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-jDwBTQ hIpfRh"
+              className="sc-gPEVay bOUoOT"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-jKJlTe cYlxWA"
+              className="sc-eNQAEJ dOAXiV"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kgoBCf jGSjNz"
+            className="sc-kGXeez fexpdX"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
               role={null}
               style={
                 Object {
                   "marginBottom": "24px",
                 }
               }
             >
               <div
                 className="ant-collapse-item"
               >
                 <div
                   aria-expanded={false}
                   className="ant-collapse-header"
                   onClick={[Function]}
                   onKeyPress={[Function]}
                   role="button"
                   tabIndex={0}
                 >
                   <div>
                     <span
                       aria-label="right"
                       className="anticon anticon-right ant-collapse-arrow"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
                         data-icon="right"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
                         viewBox="64 64 896 896"
                         width="1em"
                       >
                         <path
                           d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                         />
                       </svg>
                     </span>
                   </div>
                   <div
-                    className="sc-chPdSV byfFmt"
+                    className="sc-kgoBCf kVSTZj"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <form
           className="ant-form ant-form-horizontal"
           onReset={[Function]}
           onSubmit={[Function]}
           style={
             Object {
               "marginTop": "40px",
               "width": "auto",
             }
           }
         >
           <div
-            className="sc-jhAzac cncvVz"
+            className="sc-fBuWsC jgvAbf"
           >
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Send to
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={
                   Object {
                     "marginBottom": "0px",
                   }
                 }
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group-wrapper"
                       >
                         <span
                           className="ant-input-wrapper ant-input-group"
                         >
                           <span
                             className="ant-input-affix-wrapper"
                             hidden={null}
                             onMouseUp={[Function]}
                             style={null}
                           >
                             <span
                               className="ant-input-prefix"
                             >
                               <span
                                 aria-label="wallet"
                                 className="anticon anticon-wallet sc-htpNat lgbLiL"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="wallet"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
                                   />
                                 </svg>
                               </span>
                             </span>
                             <input
                               autoComplete="off"
                               className="ant-input"
                               hidden={null}
                               name="address"
                               onBlur={[Function]}
                               onChange={[Function]}
                               onFocus={[Function]}
                               onKeyDown={[Function]}
                               placeholder="XEC Address"
                               required={true}
                               style={null}
                               type="text"
                               value=""
                             />
                           </span>
                           <span
                             className="ant-input-group-addon"
                           >
                             <span
-                              className="sc-gqjmRU fgvpbA"
+                              className="sc-VigVT jPrdqZ"
                               onClick={[Function]}
                             >
                               <span
                                 aria-label="qrcode"
                                 className="anticon anticon-qrcode sc-bxivhb dlJbAr"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="qrcode"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
                                     d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
                                   />
                                 </svg>
                               </span>
                             </span>
                           </span>
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Amount
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={Object {}}
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group ant-input-group-compact"
                       >
                         <span
                           className="ant-input-affix-wrapper"
                           onMouseUp={[Function]}
                           style={
                             Object {
                               "textAlign": "left",
                               "width": "60%",
                             }
                           }
                         >
                           <span
                             className="ant-input-prefix"
                           >
                             <img
                               alt=""
                               height={16}
                               src="logo_primary.png"
                               width={16}
                             />
                           </span>
                           <input
                             className="ant-input"
                             disabled={false}
                             dollar={0}
                             hidden={null}
                             name="value"
                             onBlur={[Function]}
                             onChange={[Function]}
                             onFocus={[Function]}
                             onKeyDown={[Function]}
                             placeholder="Amount"
                             required={true}
                             step={0.01}
                             style={null}
                             type="number"
                             value=""
                           />
                         </span>
                         <div
                           className="ant-select select-after ant-select-single ant-select-show-arrow"
                           onBlur={[Function]}
                           onFocus={[Function]}
                           onKeyDown={[Function]}
                           onKeyUp={[Function]}
                           onMouseDown={[Function]}
                           style={
                             Object {
                               "width": "30%",
                             }
                           }
                         >
                           <div
                             className="ant-select-selector"
                             onClick={[Function]}
                             onMouseDown={[Function]}
                           >
                             <span
                               className="ant-select-selection-search"
                             >
                               <input
                                 aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
                                 aria-autocomplete="list"
                                 aria-controls="rc_select_TEST_OR_SSR_list"
                                 aria-haspopup="listbox"
                                 aria-owns="rc_select_TEST_OR_SSR_list"
                                 autoComplete="off"
                                 className="ant-select-selection-search-input"
                                 disabled={false}
                                 id="rc_select_TEST_OR_SSR"
                                 onChange={[Function]}
                                 onCompositionEnd={[Function]}
                                 onCompositionStart={[Function]}
                                 onKeyDown={[Function]}
                                 onMouseDown={[Function]}
                                 onPaste={[Function]}
                                 readOnly={true}
                                 role="combobox"
                                 style={
                                   Object {
                                     "opacity": 0,
                                   }
                                 }
                                 type="search"
                                 unselectable="on"
                                 value=""
                               />
                             </span>
                             <span
                               className="ant-select-selection-item"
                               title="XEC"
                             >
                               XEC
                             </span>
                           </div>
                           <span
                             aria-hidden={true}
                             className="ant-select-arrow"
                             onMouseDown={[Function]}
                             style={
                               Object {
                                 "WebkitUserSelect": "none",
                                 "userSelect": "none",
                               }
                             }
                             unselectable="on"
                           >
                             <span
                               aria-label="down"
                               className="anticon anticon-down ant-select-suffix"
                               role="img"
                             >
                               <svg
                                 aria-hidden="true"
                                 data-icon="down"
                                 fill="currentColor"
                                 focusable="false"
                                 height="1em"
                                 viewBox="64 64 896 896"
                                 width="1em"
                               >
                                 <path
                                   d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                 />
                               </svg>
                             </span>
                           </span>
                         </div>
                         <span
-                          className="sc-cSHVUG jInwBG"
+                          className="sc-kAzzGY hVyOwU"
                           disabled={false}
                           onClick={[Function]}
                           style={
                             Object {
                               "height": "55px",
                               "lineHeight": "55px",
                               "width": "10%",
                             }
                           }
                         >
                           max
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="sc-hzDkRC hMJraf"
+            className="sc-jhAzac czfDUS"
           >
             <h3
-              className="sc-fBuWsC jyskGg"
+              className="sc-fMiknA eYsQBU"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-jDwBTQ hIpfRh"
+              className="sc-gPEVay bOUoOT"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-jKJlTe cYlxWA"
+              className="sc-eNQAEJ dOAXiV"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kgoBCf jGSjNz"
+            className="sc-kGXeez fexpdX"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
               role={null}
               style={
                 Object {
                   "marginBottom": "24px",
                 }
               }
             >
               <div
                 className="ant-collapse-item"
               >
                 <div
                   aria-expanded={false}
                   className="ant-collapse-header"
                   onClick={[Function]}
                   onKeyPress={[Function]}
                   role="button"
                   tabIndex={0}
                 >
                   <div>
                     <span
                       aria-label="right"
                       className="anticon anticon-right ant-collapse-arrow"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
                         data-icon="right"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
                         viewBox="64 64 896 896"
                         width="1em"
                       >
                         <path
                           d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                         />
                       </svg>
                     </span>
                   </div>
                   <div
-                    className="sc-chPdSV byfFmt"
+                    className="sc-kgoBCf kVSTZj"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-cvbbAY bixHxt"
+      className="sc-jWBwVP gdMlXD"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <form
           className="ant-form ant-form-horizontal"
           onReset={[Function]}
           onSubmit={[Function]}
           style={
             Object {
               "marginTop": "40px",
               "width": "auto",
             }
           }
         >
           <div
-            className="sc-jhAzac cncvVz"
+            className="sc-fBuWsC jgvAbf"
           >
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Send to
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={
                   Object {
                     "marginBottom": "0px",
                   }
                 }
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group-wrapper"
                       >
                         <span
                           className="ant-input-wrapper ant-input-group"
                         >
                           <span
                             className="ant-input-affix-wrapper"
                             hidden={null}
                             onMouseUp={[Function]}
                             style={null}
                           >
                             <span
                               className="ant-input-prefix"
                             >
                               <span
                                 aria-label="wallet"
                                 className="anticon anticon-wallet sc-htpNat lgbLiL"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="wallet"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
                                   />
                                 </svg>
                               </span>
                             </span>
                             <input
                               autoComplete="off"
                               className="ant-input"
                               hidden={null}
                               name="address"
                               onBlur={[Function]}
                               onChange={[Function]}
                               onFocus={[Function]}
                               onKeyDown={[Function]}
                               placeholder="XEC Address"
                               required={true}
                               style={null}
                               type="text"
                               value=""
                             />
                           </span>
                           <span
                             className="ant-input-group-addon"
                           >
                             <span
-                              className="sc-gqjmRU fgvpbA"
+                              className="sc-VigVT jPrdqZ"
                               onClick={[Function]}
                             >
                               <span
                                 aria-label="qrcode"
                                 className="anticon anticon-qrcode sc-bxivhb dlJbAr"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="qrcode"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
                                     d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
                                   />
                                 </svg>
                               </span>
                             </span>
                           </span>
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Amount
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={Object {}}
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group ant-input-group-compact"
                       >
                         <span
                           className="ant-input-affix-wrapper"
                           onMouseUp={[Function]}
                           style={
                             Object {
                               "textAlign": "left",
                               "width": "60%",
                             }
                           }
                         >
                           <span
                             className="ant-input-prefix"
                           >
                             <img
                               alt=""
                               height={16}
                               src="logo_primary.png"
                               width={16}
                             />
                           </span>
                           <input
                             className="ant-input"
                             disabled={false}
                             dollar={0}
                             hidden={null}
                             name="value"
                             onBlur={[Function]}
                             onChange={[Function]}
                             onFocus={[Function]}
                             onKeyDown={[Function]}
                             placeholder="Amount"
                             required={true}
                             step={0.01}
                             style={null}
                             type="number"
                             value=""
                           />
                         </span>
                         <div
                           className="ant-select select-after ant-select-single ant-select-show-arrow"
                           onBlur={[Function]}
                           onFocus={[Function]}
                           onKeyDown={[Function]}
                           onKeyUp={[Function]}
                           onMouseDown={[Function]}
                           style={
                             Object {
                               "width": "30%",
                             }
                           }
                         >
                           <div
                             className="ant-select-selector"
                             onClick={[Function]}
                             onMouseDown={[Function]}
                           >
                             <span
                               className="ant-select-selection-search"
                             >
                               <input
                                 aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
                                 aria-autocomplete="list"
                                 aria-controls="rc_select_TEST_OR_SSR_list"
                                 aria-haspopup="listbox"
                                 aria-owns="rc_select_TEST_OR_SSR_list"
                                 autoComplete="off"
                                 className="ant-select-selection-search-input"
                                 disabled={false}
                                 id="rc_select_TEST_OR_SSR"
                                 onChange={[Function]}
                                 onCompositionEnd={[Function]}
                                 onCompositionStart={[Function]}
                                 onKeyDown={[Function]}
                                 onMouseDown={[Function]}
                                 onPaste={[Function]}
                                 readOnly={true}
                                 role="combobox"
                                 style={
                                   Object {
                                     "opacity": 0,
                                   }
                                 }
                                 type="search"
                                 unselectable="on"
                                 value=""
                               />
                             </span>
                             <span
                               className="ant-select-selection-item"
                               title="XEC"
                             >
                               XEC
                             </span>
                           </div>
                           <span
                             aria-hidden={true}
                             className="ant-select-arrow"
                             onMouseDown={[Function]}
                             style={
                               Object {
                                 "WebkitUserSelect": "none",
                                 "userSelect": "none",
                               }
                             }
                             unselectable="on"
                           >
                             <span
                               aria-label="down"
                               className="anticon anticon-down ant-select-suffix"
                               role="img"
                             >
                               <svg
                                 aria-hidden="true"
                                 data-icon="down"
                                 fill="currentColor"
                                 focusable="false"
                                 height="1em"
                                 viewBox="64 64 896 896"
                                 width="1em"
                               >
                                 <path
                                   d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                 />
                               </svg>
                             </span>
                           </span>
                         </div>
                         <span
-                          className="sc-cSHVUG jInwBG"
+                          className="sc-kAzzGY hVyOwU"
                           disabled={false}
                           onClick={[Function]}
                           style={
                             Object {
                               "height": "55px",
                               "lineHeight": "55px",
                               "width": "10%",
                             }
                           }
                         >
                           max
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="sc-hzDkRC hMJraf"
+            className="sc-jhAzac czfDUS"
           >
             <h3
-              className="sc-fBuWsC jyskGg"
+              className="sc-fMiknA eYsQBU"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-jDwBTQ hIpfRh"
+              className="sc-gPEVay bOUoOT"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-dxgOiQ jOtciy"
+              className="sc-ckVGcZ hUbpO"
               onClick={[Function]}
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kgoBCf jGSjNz"
+            className="sc-kGXeez fexpdX"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
               role={null}
               style={
                 Object {
                   "marginBottom": "24px",
                 }
               }
             >
               <div
                 className="ant-collapse-item"
               >
                 <div
                   aria-expanded={false}
                   className="ant-collapse-header"
                   onClick={[Function]}
                   onKeyPress={[Function]}
                   role="button"
                   tabIndex={0}
                 >
                   <div>
                     <span
                       aria-label="right"
                       className="anticon anticon-right ant-collapse-arrow"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
                         data-icon="right"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
                         viewBox="64 64 896 896"
                         width="1em"
                       >
                         <path
                           d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                         />
                       </svg>
                     </span>
                   </div>
                   <div
-                    className="sc-chPdSV byfFmt"
+                    className="sc-kgoBCf kVSTZj"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-gipzik gGlSHN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <form
           className="ant-form ant-form-horizontal"
           onReset={[Function]}
           onSubmit={[Function]}
           style={
             Object {
               "marginTop": "40px",
               "width": "auto",
             }
           }
         >
           <div
-            className="sc-jhAzac cncvVz"
+            className="sc-fBuWsC jgvAbf"
           >
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Send to
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={
                   Object {
                     "marginBottom": "0px",
                   }
                 }
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group-wrapper"
                       >
                         <span
                           className="ant-input-wrapper ant-input-group"
                         >
                           <span
                             className="ant-input-affix-wrapper"
                             hidden={null}
                             onMouseUp={[Function]}
                             style={null}
                           >
                             <span
                               className="ant-input-prefix"
                             >
                               <span
                                 aria-label="wallet"
                                 className="anticon anticon-wallet sc-htpNat lgbLiL"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="wallet"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
                                   />
                                 </svg>
                               </span>
                             </span>
                             <input
                               autoComplete="off"
                               className="ant-input"
                               hidden={null}
                               name="address"
                               onBlur={[Function]}
                               onChange={[Function]}
                               onFocus={[Function]}
                               onKeyDown={[Function]}
                               placeholder="XEC Address"
                               required={true}
                               style={null}
                               type="text"
                               value=""
                             />
                           </span>
                           <span
                             className="ant-input-group-addon"
                           >
                             <span
-                              className="sc-gqjmRU fgvpbA"
+                              className="sc-VigVT jPrdqZ"
                               onClick={[Function]}
                             >
                               <span
                                 aria-label="qrcode"
                                 className="anticon anticon-qrcode sc-bxivhb dlJbAr"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="qrcode"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
                                     d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
                                   />
                                 </svg>
                               </span>
                             </span>
                           </span>
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Amount
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={Object {}}
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group ant-input-group-compact"
                       >
                         <span
                           className="ant-input-affix-wrapper"
                           onMouseUp={[Function]}
                           style={
                             Object {
                               "textAlign": "left",
                               "width": "60%",
                             }
                           }
                         >
                           <span
                             className="ant-input-prefix"
                           >
                             <img
                               alt=""
                               height={16}
                               src="logo_primary.png"
                               width={16}
                             />
                           </span>
                           <input
                             className="ant-input"
                             disabled={false}
                             dollar={0}
                             hidden={null}
                             name="value"
                             onBlur={[Function]}
                             onChange={[Function]}
                             onFocus={[Function]}
                             onKeyDown={[Function]}
                             placeholder="Amount"
                             required={true}
                             step={0.01}
                             style={null}
                             type="number"
                             value=""
                           />
                         </span>
                         <div
                           className="ant-select select-after ant-select-single ant-select-show-arrow"
                           onBlur={[Function]}
                           onFocus={[Function]}
                           onKeyDown={[Function]}
                           onKeyUp={[Function]}
                           onMouseDown={[Function]}
                           style={
                             Object {
                               "width": "30%",
                             }
                           }
                         >
                           <div
                             className="ant-select-selector"
                             onClick={[Function]}
                             onMouseDown={[Function]}
                           >
                             <span
                               className="ant-select-selection-search"
                             >
                               <input
                                 aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
                                 aria-autocomplete="list"
                                 aria-controls="rc_select_TEST_OR_SSR_list"
                                 aria-haspopup="listbox"
                                 aria-owns="rc_select_TEST_OR_SSR_list"
                                 autoComplete="off"
                                 className="ant-select-selection-search-input"
                                 disabled={false}
                                 id="rc_select_TEST_OR_SSR"
                                 onChange={[Function]}
                                 onCompositionEnd={[Function]}
                                 onCompositionStart={[Function]}
                                 onKeyDown={[Function]}
                                 onMouseDown={[Function]}
                                 onPaste={[Function]}
                                 readOnly={true}
                                 role="combobox"
                                 style={
                                   Object {
                                     "opacity": 0,
                                   }
                                 }
                                 type="search"
                                 unselectable="on"
                                 value=""
                               />
                             </span>
                             <span
                               className="ant-select-selection-item"
                               title="XEC"
                             >
                               XEC
                             </span>
                           </div>
                           <span
                             aria-hidden={true}
                             className="ant-select-arrow"
                             onMouseDown={[Function]}
                             style={
                               Object {
                                 "WebkitUserSelect": "none",
                                 "userSelect": "none",
                               }
                             }
                             unselectable="on"
                           >
                             <span
                               aria-label="down"
                               className="anticon anticon-down ant-select-suffix"
                               role="img"
                             >
                               <svg
                                 aria-hidden="true"
                                 data-icon="down"
                                 fill="currentColor"
                                 focusable="false"
                                 height="1em"
                                 viewBox="64 64 896 896"
                                 width="1em"
                               >
                                 <path
                                   d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                 />
                               </svg>
                             </span>
                           </span>
                         </div>
                         <span
-                          className="sc-cSHVUG jInwBG"
+                          className="sc-kAzzGY hVyOwU"
                           disabled={false}
                           onClick={[Function]}
                           style={
                             Object {
                               "height": "55px",
                               "lineHeight": "55px",
                               "width": "10%",
                             }
                           }
                         >
                           max
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="sc-hzDkRC hMJraf"
+            className="sc-jhAzac czfDUS"
           >
             <h3
-              className="sc-fBuWsC jyskGg"
+              className="sc-fMiknA eYsQBU"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-jDwBTQ hIpfRh"
+              className="sc-gPEVay bOUoOT"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-jKJlTe cYlxWA"
+              className="sc-eNQAEJ dOAXiV"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kgoBCf jGSjNz"
+            className="sc-kGXeez fexpdX"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
               role={null}
               style={
                 Object {
                   "marginBottom": "24px",
                 }
               }
             >
               <div
                 className="ant-collapse-item"
               >
                 <div
                   aria-expanded={false}
                   className="ant-collapse-header"
                   onClick={[Function]}
                   onKeyPress={[Function]}
                   role="button"
                   tabIndex={0}
                 >
                   <div>
                     <span
                       aria-label="right"
                       className="anticon anticon-right ant-collapse-arrow"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
                         data-icon="right"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
                         viewBox="64 64 896 896"
                         width="1em"
                       >
                         <path
                           d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                         />
                       </svg>
                     </span>
                   </div>
                   <div
-                    className="sc-chPdSV byfFmt"
+                    className="sc-kgoBCf kVSTZj"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-hSdWYo doHJuQ"
+    className="sc-eHgmQL esgeHR"
   >
     <div
-      className="sc-jWBwVP guDxFN"
+      className="sc-brqgnP jHOLle"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-kkGfuU eBAFxM"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <form
           className="ant-form ant-form-horizontal"
           onReset={[Function]}
           onSubmit={[Function]}
           style={
             Object {
               "marginTop": "40px",
               "width": "auto",
             }
           }
         >
           <div
-            className="sc-jhAzac cncvVz"
+            className="sc-fBuWsC jgvAbf"
           >
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Send to
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={
                   Object {
                     "marginBottom": "0px",
                   }
                 }
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group-wrapper"
                       >
                         <span
                           className="ant-input-wrapper ant-input-group"
                         >
                           <span
                             className="ant-input-affix-wrapper"
                             hidden={null}
                             onMouseUp={[Function]}
                             style={null}
                           >
                             <span
                               className="ant-input-prefix"
                             >
                               <span
                                 aria-label="wallet"
                                 className="anticon anticon-wallet sc-htpNat lgbLiL"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="wallet"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
                                   />
                                 </svg>
                               </span>
                             </span>
                             <input
                               autoComplete="off"
                               className="ant-input"
                               hidden={null}
                               name="address"
                               onBlur={[Function]}
                               onChange={[Function]}
                               onFocus={[Function]}
                               onKeyDown={[Function]}
                               placeholder="XEC Address"
                               required={true}
                               style={null}
                               type="text"
                               value=""
                             />
                           </span>
                           <span
                             className="ant-input-group-addon"
                           >
                             <span
-                              className="sc-gqjmRU fgvpbA"
+                              className="sc-VigVT jPrdqZ"
                               onClick={[Function]}
                             >
                               <span
                                 aria-label="qrcode"
                                 className="anticon anticon-qrcode sc-bxivhb dlJbAr"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
                                   data-icon="qrcode"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
                                   viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
                                     d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
                                   />
                                 </svg>
                               </span>
                             </span>
                           </span>
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <label
-              className="sc-iAyFgw jOmvoC"
+              className="sc-hSdWYo bWWjLk"
             >
               Amount
             </label>
             <div
-              className="sc-fjdhpX cHlxwR"
+              className="sc-jzJRlG kGXhCS"
             >
               <div
                 className="ant-row ant-form-item ant-form-item-with-help"
                 style={Object {}}
               >
                 <div
                   className="ant-col ant-form-item-control"
                   style={Object {}}
                 >
                   <div
                     className="ant-form-item-control-input"
                   >
                     <div
                       className="ant-form-item-control-input-content"
                     >
                       <span
                         className="ant-input-group ant-input-group-compact"
                       >
                         <span
                           className="ant-input-affix-wrapper"
                           onMouseUp={[Function]}
                           style={
                             Object {
                               "textAlign": "left",
                               "width": "60%",
                             }
                           }
                         >
                           <span
                             className="ant-input-prefix"
                           >
                             <img
                               alt=""
                               height={16}
                               src="logo_primary.png"
                               width={16}
                             />
                           </span>
                           <input
                             className="ant-input"
                             disabled={false}
                             dollar={0}
                             hidden={null}
                             name="value"
                             onBlur={[Function]}
                             onChange={[Function]}
                             onFocus={[Function]}
                             onKeyDown={[Function]}
                             placeholder="Amount"
                             required={true}
                             step={0.01}
                             style={null}
                             type="number"
                             value=""
                           />
                         </span>
                         <div
                           className="ant-select select-after ant-select-single ant-select-show-arrow"
                           onBlur={[Function]}
                           onFocus={[Function]}
                           onKeyDown={[Function]}
                           onKeyUp={[Function]}
                           onMouseDown={[Function]}
                           style={
                             Object {
                               "width": "30%",
                             }
                           }
                         >
                           <div
                             className="ant-select-selector"
                             onClick={[Function]}
                             onMouseDown={[Function]}
                           >
                             <span
                               className="ant-select-selection-search"
                             >
                               <input
                                 aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
                                 aria-autocomplete="list"
                                 aria-controls="rc_select_TEST_OR_SSR_list"
                                 aria-haspopup="listbox"
                                 aria-owns="rc_select_TEST_OR_SSR_list"
                                 autoComplete="off"
                                 className="ant-select-selection-search-input"
                                 disabled={false}
                                 id="rc_select_TEST_OR_SSR"
                                 onChange={[Function]}
                                 onCompositionEnd={[Function]}
                                 onCompositionStart={[Function]}
                                 onKeyDown={[Function]}
                                 onMouseDown={[Function]}
                                 onPaste={[Function]}
                                 readOnly={true}
                                 role="combobox"
                                 style={
                                   Object {
                                     "opacity": 0,
                                   }
                                 }
                                 type="search"
                                 unselectable="on"
                                 value=""
                               />
                             </span>
                             <span
                               className="ant-select-selection-item"
                               title="XEC"
                             >
                               XEC
                             </span>
                           </div>
                           <span
                             aria-hidden={true}
                             className="ant-select-arrow"
                             onMouseDown={[Function]}
                             style={
                               Object {
                                 "WebkitUserSelect": "none",
                                 "userSelect": "none",
                               }
                             }
                             unselectable="on"
                           >
                             <span
                               aria-label="down"
                               className="anticon anticon-down ant-select-suffix"
                               role="img"
                             >
                               <svg
                                 aria-hidden="true"
                                 data-icon="down"
                                 fill="currentColor"
                                 focusable="false"
                                 height="1em"
                                 viewBox="64 64 896 896"
                                 width="1em"
                               >
                                 <path
                                   d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                 />
                               </svg>
                             </span>
                           </span>
                         </div>
                         <span
-                          className="sc-cSHVUG jInwBG"
+                          className="sc-kAzzGY hVyOwU"
                           disabled={false}
                           onClick={[Function]}
                           style={
                             Object {
                               "height": "55px",
                               "lineHeight": "55px",
                               "width": "10%",
                             }
                           }
                         >
                           max
                         </span>
                       </span>
                     </div>
                   </div>
                   <div
                     className="ant-form-item-explain ant-form-item-explain-connected"
                   >
                     <div
                       className=""
                       role="alert"
                     >
                       
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="sc-hzDkRC hMJraf"
+            className="sc-jhAzac czfDUS"
           >
             <h3
-              className="sc-fBuWsC jyskGg"
+              className="sc-fMiknA eYsQBU"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-jDwBTQ hIpfRh"
+              className="sc-gPEVay bOUoOT"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-jKJlTe cYlxWA"
+              className="sc-eNQAEJ dOAXiV"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kgoBCf jGSjNz"
+            className="sc-kGXeez fexpdX"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
               role={null}
               style={
                 Object {
                   "marginBottom": "24px",
                 }
               }
             >
               <div
                 className="ant-collapse-item"
               >
                 <div
                   aria-expanded={false}
                   className="ant-collapse-header"
                   onClick={[Function]}
                   onKeyPress={[Function]}
                   role="button"
                   tabIndex={0}
                 >
                   <div>
                     <span
                       aria-label="right"
                       className="anticon anticon-right ant-collapse-arrow"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
                         data-icon="right"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
                         viewBox="64 64 896 896"
                         width="1em"
                       >
                         <path
                           d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                         />
                       </svg>
                     </span>
                   </div>
                   <div
-                    className="sc-chPdSV byfFmt"
+                    className="sc-kgoBCf kVSTZj"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kgoBCf jGSjNz"
+      className="sc-kGXeez fexpdX"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-kpOJdX juWwfY"
+        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
         role={null}
         style={
           Object {
             "marginBottom": "24px",
           }
         }
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <div>
               <span
                 aria-label="right"
                 className="anticon anticon-right ant-collapse-arrow"
                 role="img"
               >
                 <svg
                   aria-hidden="true"
                   data-icon="right"
                   fill="currentColor"
                   focusable="false"
                   height="1em"
                   viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
                     d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                   />
                 </svg>
               </span>
             </div>
             <div
-              className="sc-chPdSV byfFmt"
+              className="sc-kgoBCf kVSTZj"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
diff --git a/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap b/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap
index 30ed69eda..ba795b9fa 100644
--- a/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap
+++ b/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap
@@ -1,250 +1,250 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances and tokens 1`] = `null`;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 <div
-  className="sc-ckVGcZ jBULtA"
+  className="sc-jKJlTe iSWneW"
 >
   <div
-    className="sc-kEYyzF eqAzMl"
+    className="sc-kkGfuU fwBSar"
   >
     6.001
      
     TBS
   </div>
   <div
     className="ant-row"
     style={Object {}}
     type="flex"
   >
     <div
       className="ant-col ant-col-24"
       style={Object {}}
     >
       <form
         className="ant-form ant-form-horizontal"
         onReset={[Function]}
         onSubmit={[Function]}
         style={
           Object {
             "width": "auto",
           }
         }
       >
         <div
-          className="sc-chPdSV iuvCYz"
+          className="sc-kgoBCf ckdTFj"
         >
           <div
             className="ant-row ant-form-item ant-form-item-with-help"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <span
                     className="ant-input-group-wrapper"
                   >
                     <span
                       className="ant-input-wrapper ant-input-group"
                     >
                       <span
                         className="ant-input-affix-wrapper"
                         hidden={null}
                         onMouseUp={[Function]}
                         style={null}
                       >
                         <span
                           className="ant-input-prefix"
                         >
                           <span
                             aria-label="wallet"
                             className="anticon anticon-wallet sc-htpNat lgbLiL"
                             role="img"
                           >
                             <svg
                               aria-hidden="true"
                               data-icon="wallet"
                               fill="currentColor"
                               focusable="false"
                               height="1em"
                               viewBox="64 64 896 896"
                               width="1em"
                             >
                               <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 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
                               />
                             </svg>
                           </span>
                         </span>
                         <input
                           autoComplete="off"
                           className="ant-input"
                           hidden={null}
                           name="address"
                           onBlur={[Function]}
                           onChange={[Function]}
                           onFocus={[Function]}
                           onKeyDown={[Function]}
                           placeholder="eToken Address"
                           required={true}
                           style={null}
                           type="text"
                           value=""
                         />
                       </span>
                       <span
                         className="ant-input-group-addon"
                       >
                         <span
-                          className="sc-jzJRlG jGaGNy"
+                          className="sc-cSHVUG cSZBnH"
                           onClick={[Function]}
                         >
                           <span
                             aria-label="qrcode"
                             className="anticon anticon-qrcode sc-bxivhb dlJbAr"
                             role="img"
                           >
                             <svg
                               aria-hidden="true"
                               data-icon="qrcode"
                               fill="currentColor"
                               focusable="false"
                               height="1em"
                               viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
                                 d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
                               />
                             </svg>
                           </span>
                         </span>
                       </span>
                     </span>
                   </span>
                 </div>
               </div>
               <div
                 className="ant-form-item-explain ant-form-item-explain-connected"
               >
                 <div
                   className=""
                   role="alert"
                 >
                   
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="sc-chPdSV iuvCYz"
+          className="sc-kgoBCf ckdTFj"
         >
           <div
             className="ant-row ant-form-item ant-form-item-with-help"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <span
                     className="ant-input-group-wrapper"
                   >
                     <span
                       className="ant-input-wrapper ant-input-group"
                     >
                       <span
                         className="ant-input-affix-wrapper"
                         hidden={null}
                         onMouseUp={[Function]}
                         style={null}
                       >
                         <span
                           className="ant-input-prefix"
                         />
                         <input
                           className="ant-input"
                           hidden={null}
                           name="value"
                           onBlur={[Function]}
                           onChange={[Function]}
                           onFocus={[Function]}
                           onKeyDown={[Function]}
                           placeholder="Amount"
                           required={true}
                           step={1e-9}
                           style={null}
                           type="number"
                           value=""
                         />
                         <span
                           className="ant-input-suffix"
                         >
                           TBS
                         </span>
                       </span>
                       <span
                         className="ant-input-group-addon"
                       >
                         <span
-                          className="sc-kgoBCf cGCNhn"
+                          className="sc-kGXeez gFDMKt"
                           disabled={false}
                           onClick={[Function]}
                         >
                           max
                         </span>
                       </span>
                     </span>
                   </span>
                 </div>
               </div>
               <div
                 className="ant-form-item-explain ant-form-item-explain-connected"
               >
                 <div
                   className=""
                   role="alert"
                 >
                   
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
           style={
             Object {
               "paddingTop": "12px",
             }
           }
         >
           <button
-            className="sc-gqjmRU eTEYtS"
+            className="sc-VigVT hSdIBd"
             onClick={[Function]}
           >
             Send 
             TestBits
           </button>
         </div>
       </form>
     </div>
   </div>
 </div>
 `;
 
 exports[`Without wallet defined 1`] = `null`;
diff --git a/web/cashtab/src/components/Tokens/__tests__/__snapshots__/CreateTokenForm.test.js.snap b/web/cashtab/src/components/Tokens/__tests__/__snapshots__/CreateTokenForm.test.js.snap
index 91c2226b2..5d865ade0 100644
--- a/web/cashtab/src/components/Tokens/__tests__/__snapshots__/CreateTokenForm.test.js.snap
+++ b/web/cashtab/src/components/Tokens/__tests__/__snapshots__/CreateTokenForm.test.js.snap
@@ -1,380 +1,380 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 <div
-  className="sc-jDwBTQ ickHpK"
+  className="sc-gPEVay ktxapN"
 >
   <h3>
     Create a Token
   </h3>
   <div
-    className="sc-fjdhpX cHlxwR"
+    className="sc-jzJRlG kGXhCS"
   >
     <form
       className="ant-form ant-form-horizontal ant-form-small"
       onReset={[Function]}
       onSubmit={[Function]}
       style={
         Object {
           "width": "auto",
         }
       }
     >
       <label
-        className="sc-kEYyzF gSQyNg"
+        className="sc-kkGfuU ekDVdV"
       >
         Token Name
       </label>
       <div
         className="ant-row ant-form-item ant-form-item-with-help"
         style={Object {}}
       >
         <div
           className="ant-col ant-form-item-control"
           style={Object {}}
         >
           <div
             className="ant-form-item-control-input"
           >
             <div
               className="ant-form-item-control-input-content"
             >
               <input
                 className="ant-input ant-input-sm"
                 name="newTokenName"
                 onBlur={[Function]}
                 onChange={[Function]}
                 onFocus={[Function]}
                 onKeyDown={[Function]}
                 placeholder="Enter a name for your token"
                 type="text"
                 value=""
               />
             </div>
           </div>
           <div
             className="ant-form-item-explain ant-form-item-explain-connected"
           >
             <div
               className=""
               role="alert"
             >
               
             </div>
           </div>
         </div>
       </div>
       <label
-        className="sc-kEYyzF gSQyNg"
+        className="sc-kkGfuU ekDVdV"
       >
         Ticker
       </label>
       <div
         className="ant-row ant-form-item ant-form-item-with-help"
         style={Object {}}
       >
         <div
           className="ant-col ant-form-item-control"
           style={Object {}}
         >
           <div
             className="ant-form-item-control-input"
           >
             <div
               className="ant-form-item-control-input-content"
             >
               <input
                 className="ant-input ant-input-sm"
                 name="newTokenTicker"
                 onBlur={[Function]}
                 onChange={[Function]}
                 onFocus={[Function]}
                 onKeyDown={[Function]}
                 placeholder="Enter a ticker for your token"
                 type="text"
                 value=""
               />
             </div>
           </div>
           <div
             className="ant-form-item-explain ant-form-item-explain-connected"
           >
             <div
               className=""
               role="alert"
             >
               
             </div>
           </div>
         </div>
       </div>
       <label
-        className="sc-kEYyzF gSQyNg"
+        className="sc-kkGfuU ekDVdV"
       >
         Decimals
       </label>
       <div
         className="ant-row ant-form-item ant-form-item-with-help"
         style={Object {}}
       >
         <div
           className="ant-col ant-form-item-control"
           style={Object {}}
         >
           <div
             className="ant-form-item-control-input"
           >
             <div
               className="ant-form-item-control-input-content"
             >
               <input
                 className="ant-input ant-input-sm"
                 name="newTokenDecimals"
                 onBlur={[Function]}
                 onChange={[Function]}
                 onFocus={[Function]}
                 onKeyDown={[Function]}
                 placeholder="Enter number of decimal places"
                 type="number"
                 value="0"
               />
             </div>
           </div>
           <div
             className="ant-form-item-explain ant-form-item-explain-connected"
           >
             <div
               className=""
               role="alert"
             >
               
             </div>
           </div>
         </div>
       </div>
       <label
-        className="sc-kEYyzF gSQyNg"
+        className="sc-kkGfuU ekDVdV"
       >
         Supply
       </label>
       <div
         className="ant-row ant-form-item ant-form-item-with-help"
         style={Object {}}
       >
         <div
           className="ant-col ant-form-item-control"
           style={Object {}}
         >
           <div
             className="ant-form-item-control-input"
           >
             <div
               className="ant-form-item-control-input-content"
             >
               <input
                 className="ant-input ant-input-sm"
                 name="newTokenInitialQty"
                 onBlur={[Function]}
                 onChange={[Function]}
                 onFocus={[Function]}
                 onKeyDown={[Function]}
                 placeholder="Enter the fixed supply of your token"
                 type="number"
                 value=""
               />
             </div>
           </div>
           <div
             className="ant-form-item-explain ant-form-item-explain-connected"
           >
             <div
               className=""
               role="alert"
             >
               
             </div>
           </div>
         </div>
       </div>
       <label
-        className="sc-kEYyzF gSQyNg"
+        className="sc-kkGfuU ekDVdV"
       >
         Document URL
       </label>
       <div
         className="ant-row ant-form-item ant-form-item-with-help"
         style={Object {}}
       >
         <div
           className="ant-col ant-form-item-control"
           style={Object {}}
         >
           <div
             className="ant-form-item-control-input"
           >
             <div
               className="ant-form-item-control-input-content"
             >
               <input
                 className="ant-input ant-input-sm"
                 name="newTokenDocumentUrl"
                 onBlur={[Function]}
                 onChange={[Function]}
                 onFocus={[Function]}
                 onKeyDown={[Function]}
                 placeholder="Enter a website for your token"
                 type="text"
                 value=""
               />
             </div>
           </div>
           <div
             className="ant-form-item-explain ant-form-item-explain-connected"
           >
             <div
               className=""
               role="alert"
             >
               
             </div>
           </div>
         </div>
       </div>
       <label
-        className="sc-kEYyzF gSQyNg"
+        className="sc-kkGfuU ekDVdV"
       >
         Add Image
       </label>
       <div
         className="ant-row ant-form-item"
         style={Object {}}
       >
         <div
           className="ant-col ant-form-item-control"
           style={Object {}}
         >
           <div
             className="ant-form-item-control-input"
           >
             <div
               className="ant-form-item-control-input-content"
             >
               <span>
                 <div
                   className="ant-upload ant-upload-drag"
                   onDragLeave={[Function]}
                   onDragOver={[Function]}
                   onDrop={[Function]}
                   style={
                     Object {
                       "backgroundColor": "#f4f4f4",
                       "height": undefined,
                     }
                   }
                 >
                   <span
                     className="ant-upload ant-upload-btn"
                     onClick={[Function]}
                     onDragOver={[Function]}
                     onDrop={[Function]}
                     onKeyDown={[Function]}
                     role="button"
                     tabIndex="0"
                   >
                     <input
                       accept=""
                       multiple={false}
                       onChange={[Function]}
                       onClick={[Function]}
                       style={
                         Object {
                           "display": "none",
                         }
                       }
                       type="file"
                     />
                     <div
                       className="ant-upload-drag-container"
                     >
                        
                       <span
                         aria-label="upload"
                         className="anticon anticon-upload"
                         role="img"
                       >
                         <svg
                           aria-hidden="true"
                           data-icon="upload"
                           fill="currentColor"
                           focusable="false"
                           height="1em"
                           viewBox="64 64 896 896"
                           width="1em"
                         >
                           <path
                             d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                           />
                         </svg>
                       </span>
                       <p>
                         Click, or drag file to this area to upload
                       </p>
                       <p
                         style={
                           Object {
                             "fontSize": "12px",
                           }
                         }
                       >
                         Only jpg or png accepted
                       </p>
                     </div>
                   </span>
                 </div>
                 <div
                   className="ant-upload-list ant-upload-list-text"
                 />
               </span>
               
             </div>
           </div>
         </div>
       </div>
     </form>
   </div>
   <button
-    className="sc-ckVGcZ kXppuv"
+    className="sc-jKJlTe cxrKVk"
     disabled={true}
     onClick={[Function]}
     style={
       Object {
         "marginTop": "30px",
       }
     }
   >
     <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>
      Create eToken
   </button>
 </div>
 `;
diff --git a/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap b/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap
index f400289f0..8c4037f34 100644
--- a/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap
+++ b/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap
@@ -1,585 +1,585 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-kkGfuU hVVqAi"
+    className="sc-iAyFgw chWhWK"
   >
     <h4
-      className="sc-iRbamj gCEMNU"
+      className="sc-jlyJG fgeSBQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo bXDUps"
+      className="sc-eHgmQL znFwg"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-hMqMXs kjfrok"
+    className="sc-kEYyzF gZfJyA"
   >
     <div
-      className="sc-jDwBTQ ickHpK"
+      className="sc-gPEVay ktxapN"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-brqgnP kPbEse"
+      className="sc-cMljjf gKObdA"
     >
       You need at least
        
       5.5
        
       XEC
        (
       $
       NaN
        
       USD
       ) to create a token
     </p>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-kkGfuU hVVqAi"
+    className="sc-iAyFgw chWhWK"
   >
     <h4
-      className="sc-iRbamj gCEMNU"
+      className="sc-jlyJG fgeSBQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo bXDUps"
+      className="sc-eHgmQL znFwg"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-hMqMXs kjfrok"
+    className="sc-kEYyzF gZfJyA"
   >
     <div
-      className="sc-jDwBTQ ickHpK"
+      className="sc-gPEVay ktxapN"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-brqgnP kPbEse"
+      className="sc-cMljjf gKObdA"
     >
       You need at least
        
       5.5
        
       XEC
        (
       $
       NaN
        
       USD
       ) to create a token
     </p>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 Array [
   <div
-    className="sc-kkGfuU hVVqAi"
+    className="sc-iAyFgw chWhWK"
   >
     <h4
-      className="sc-iRbamj gCEMNU"
+      className="sc-jlyJG fgeSBQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo bXDUps"
+      className="sc-eHgmQL znFwg"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-hMqMXs kjfrok"
+    className="sc-kEYyzF gZfJyA"
   >
     <div
-      className="sc-jDwBTQ ickHpK"
+      className="sc-gPEVay ktxapN"
     >
       <h3>
         Create a Token
       </h3>
       <div
-        className="sc-fjdhpX cHlxwR"
+        className="sc-jzJRlG kGXhCS"
       >
         <form
           className="ant-form ant-form-horizontal ant-form-small"
           onReset={[Function]}
           onSubmit={[Function]}
           style={
             Object {
               "width": "auto",
             }
           }
         >
           <label
-            className="sc-kEYyzF gSQyNg"
+            className="sc-kkGfuU ekDVdV"
           >
             Token Name
           </label>
           <div
             className="ant-row ant-form-item ant-form-item-with-help"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <input
                     className="ant-input ant-input-sm"
                     name="newTokenName"
                     onBlur={[Function]}
                     onChange={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
                     placeholder="Enter a name for your token"
                     type="text"
                     value=""
                   />
                 </div>
               </div>
               <div
                 className="ant-form-item-explain ant-form-item-explain-connected"
               >
                 <div
                   className=""
                   role="alert"
                 >
                   
                 </div>
               </div>
             </div>
           </div>
           <label
-            className="sc-kEYyzF gSQyNg"
+            className="sc-kkGfuU ekDVdV"
           >
             Ticker
           </label>
           <div
             className="ant-row ant-form-item ant-form-item-with-help"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <input
                     className="ant-input ant-input-sm"
                     name="newTokenTicker"
                     onBlur={[Function]}
                     onChange={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
                     placeholder="Enter a ticker for your token"
                     type="text"
                     value=""
                   />
                 </div>
               </div>
               <div
                 className="ant-form-item-explain ant-form-item-explain-connected"
               >
                 <div
                   className=""
                   role="alert"
                 >
                   
                 </div>
               </div>
             </div>
           </div>
           <label
-            className="sc-kEYyzF gSQyNg"
+            className="sc-kkGfuU ekDVdV"
           >
             Decimals
           </label>
           <div
             className="ant-row ant-form-item ant-form-item-with-help"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <input
                     className="ant-input ant-input-sm"
                     name="newTokenDecimals"
                     onBlur={[Function]}
                     onChange={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
                     placeholder="Enter number of decimal places"
                     type="number"
                     value="0"
                   />
                 </div>
               </div>
               <div
                 className="ant-form-item-explain ant-form-item-explain-connected"
               >
                 <div
                   className=""
                   role="alert"
                 >
                   
                 </div>
               </div>
             </div>
           </div>
           <label
-            className="sc-kEYyzF gSQyNg"
+            className="sc-kkGfuU ekDVdV"
           >
             Supply
           </label>
           <div
             className="ant-row ant-form-item ant-form-item-with-help"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <input
                     className="ant-input ant-input-sm"
                     name="newTokenInitialQty"
                     onBlur={[Function]}
                     onChange={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
                     placeholder="Enter the fixed supply of your token"
                     type="number"
                     value=""
                   />
                 </div>
               </div>
               <div
                 className="ant-form-item-explain ant-form-item-explain-connected"
               >
                 <div
                   className=""
                   role="alert"
                 >
                   
                 </div>
               </div>
             </div>
           </div>
           <label
-            className="sc-kEYyzF gSQyNg"
+            className="sc-kkGfuU ekDVdV"
           >
             Document URL
           </label>
           <div
             className="ant-row ant-form-item ant-form-item-with-help"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <input
                     className="ant-input ant-input-sm"
                     name="newTokenDocumentUrl"
                     onBlur={[Function]}
                     onChange={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
                     placeholder="Enter a website for your token"
                     type="text"
                     value=""
                   />
                 </div>
               </div>
               <div
                 className="ant-form-item-explain ant-form-item-explain-connected"
               >
                 <div
                   className=""
                   role="alert"
                 >
                   
                 </div>
               </div>
             </div>
           </div>
           <label
-            className="sc-kEYyzF gSQyNg"
+            className="sc-kkGfuU ekDVdV"
           >
             Add Image
           </label>
           <div
             className="ant-row ant-form-item"
             style={Object {}}
           >
             <div
               className="ant-col ant-form-item-control"
               style={Object {}}
             >
               <div
                 className="ant-form-item-control-input"
               >
                 <div
                   className="ant-form-item-control-input-content"
                 >
                   <span>
                     <div
                       className="ant-upload ant-upload-drag"
                       onDragLeave={[Function]}
                       onDragOver={[Function]}
                       onDrop={[Function]}
                       style={
                         Object {
                           "backgroundColor": "#f4f4f4",
                           "height": undefined,
                         }
                       }
                     >
                       <span
                         className="ant-upload ant-upload-btn"
                         onClick={[Function]}
                         onDragOver={[Function]}
                         onDrop={[Function]}
                         onKeyDown={[Function]}
                         role="button"
                         tabIndex="0"
                       >
                         <input
                           accept=""
                           multiple={false}
                           onChange={[Function]}
                           onClick={[Function]}
                           style={
                             Object {
                               "display": "none",
                             }
                           }
                           type="file"
                         />
                         <div
                           className="ant-upload-drag-container"
                         >
                            
                           <span
                             aria-label="upload"
                             className="anticon anticon-upload"
                             role="img"
                           >
                             <svg
                               aria-hidden="true"
                               data-icon="upload"
                               fill="currentColor"
                               focusable="false"
                               height="1em"
                               viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
                                 d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                               />
                             </svg>
                           </span>
                           <p>
                             Click, or drag file to this area to upload
                           </p>
                           <p
                             style={
                               Object {
                                 "fontSize": "12px",
                               }
                             }
                           >
                             Only jpg or png accepted
                           </p>
                         </div>
                       </span>
                     </div>
                     <div
                       className="ant-upload-list ant-upload-list-text"
                     />
                   </span>
                   
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
       <button
-        className="sc-ckVGcZ kXppuv"
+        className="sc-jKJlTe cxrKVk"
         disabled={true}
         onClick={[Function]}
         style={
           Object {
             "marginTop": "30px",
           }
         }
       >
         <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>
          Create eToken
       </button>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-kkGfuU hVVqAi"
+    className="sc-iAyFgw chWhWK"
   >
     <h4
-      className="sc-iRbamj gCEMNU"
+      className="sc-jlyJG fgeSBQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo bXDUps"
+      className="sc-eHgmQL znFwg"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-hMqMXs kjfrok"
+    className="sc-kEYyzF gZfJyA"
   >
     <div
-      className="sc-jDwBTQ ickHpK"
+      className="sc-gPEVay ktxapN"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-brqgnP kPbEse"
+      className="sc-cMljjf gKObdA"
     >
       You need at least
        
       5.5
        
       XEC
        (
       $
       NaN
        
       USD
       ) to create a token
     </p>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-kkGfuU hVVqAi"
+    className="sc-iAyFgw chWhWK"
   >
     <div
-      className="sc-hSdWYo bXDUps"
+      className="sc-eHgmQL znFwg"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-hMqMXs kjfrok"
+    className="sc-kEYyzF gZfJyA"
   >
     <div
-      className="sc-jDwBTQ ickHpK"
+      className="sc-gPEVay ktxapN"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-brqgnP kPbEse"
+      className="sc-cMljjf gKObdA"
     >
       You need at least
        
       5.5
        
       XEC
        (
       $
       NaN
        
       USD
       ) to create a token
     </p>
   </div>,
 ]
 `;