diff --git a/web/cashtab/src/assets/download.svg b/web/cashtab/src/assets/download.svg
new file mode 100644
index 000000000..0219a4914
--- /dev/null
+++ b/web/cashtab/src/assets/download.svg
@@ -0,0 +1 @@
+<svg viewBox="64 64 896 896" focusable="false"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 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>
\ No newline at end of file
diff --git a/web/cashtab/src/assets/plus.svg b/web/cashtab/src/assets/plus.svg
new file mode 100644
index 000000000..c5361132c
--- /dev/null
+++ b/web/cashtab/src/assets/plus.svg
@@ -0,0 +1 @@
+<svg viewBox="64 64 896 896" focusable="false"><defs><style /></defs><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" /><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z" /></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 0b81a96ed..df1e9a859 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-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kGXeez fexpdX"
+          className="sc-dxgOiQ iPcCXY"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+            className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
             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-kgoBCf kVSTZj"
+                  className="sc-kpOJdX kAzjOl"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kGXeez fexpdX"
+          className="sc-dxgOiQ iPcCXY"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+            className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
             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-kgoBCf kVSTZj"
+                  className="sc-kpOJdX kAzjOl"
                 >
                   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-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP gdMlXD"
+      className="sc-cMljjf coNPHF"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <br />,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kGXeez fexpdX"
+          className="sc-dxgOiQ iPcCXY"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+            className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
             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-kgoBCf kVSTZj"
+                  className="sc-kpOJdX kAzjOl"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kGXeez fexpdX"
+          className="sc-dxgOiQ iPcCXY"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+            className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
             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-kgoBCf kVSTZj"
+                  className="sc-kpOJdX kAzjOl"
                 >
                   XEC Airdrop Calculator
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <div
       className="ant-row"
       style={Object {}}
       type="flex"
     >
       <div
         className="ant-col ant-col-24"
         style={Object {}}
       >
         <div
-          className="sc-kGXeez fexpdX"
+          className="sc-dxgOiQ iPcCXY"
         >
           <div
-            className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+            className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
             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-kgoBCf kVSTZj"
+                  className="sc-kpOJdX kAzjOl"
                 >
                   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 c7a2fe508..3a0d6a476 100644
--- a/web/cashtab/src/components/Common/CustomIcons.js
+++ b/web/cashtab/src/components/Common/CustomIcons.js
@@ -1,128 +1,143 @@
 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';
-
+import { ReactComponent as Plus } from 'assets/plus.svg';
+import { ReactComponent as Download } from 'assets/download.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 ThemedPlusOutlined = styled(Plus)`
+    fill: ${props => props.theme.contrast};
+    padding: 0.15rem 0rem 0.18rem 0rem;
+    height: 1.3em;
+    width: 1.3em;
+`;
+
+export const ThemedDownloadOutlined = styled(Download)`
+    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/Configure/Configure.js b/web/cashtab/src/components/Configure/Configure.js
index 4eab4fea0..4c21559d5 100644
--- a/web/cashtab/src/components/Configure/Configure.js
+++ b/web/cashtab/src/components/Configure/Configure.js
@@ -1,1815 +1,1846 @@
 import React, { useState, useEffect } from 'react';
 import styled from 'styled-components';
 import { useLocation, Link } from 'react-router-dom';
 import {
     generalNotification,
     errorNotification,
 } from 'components/Common/Notifications';
 import {
     Collapse,
     Form,
     Input,
     Modal,
     Alert,
     Switch,
     Tag,
     Tooltip,
 } from 'antd';
 import { Row, Col } from 'antd';
 import {
     PlusSquareOutlined,
     WalletFilled,
     ImportOutlined,
     LockOutlined,
     CheckOutlined,
     CloseOutlined,
     LockFilled,
     ExclamationCircleFilled,
 } from '@ant-design/icons';
 import { WalletContext, AuthenticationContext } from 'utils/context';
 import { SidePaddingCtn, FormLabel } from 'components/Common/Atoms';
 import { StyledCollapse } from 'components/Common/StyledCollapse';
 import {
     AntdFormWrapper,
     CurrencySelectDropdown,
 } from 'components/Common/EnhancedInputs';
 import PrimaryButton, {
     SecondaryButton,
     SmartButton,
 } from 'components/Common/PrimaryButton';
 import {
     ThemedCopyOutlined,
     ThemedWalletOutlined,
     ThemedDollarOutlined,
     ThemedSettingOutlined,
     ThemedContactsOutlined,
     ThemedContactSendOutlined,
+    ThemedPlusOutlined,
+    ThemedDownloadOutlined,
 } from 'components/Common/CustomIcons';
 import { ReactComponent as Trashcan } from 'assets/trashcan.svg';
 import { ReactComponent as Edit } from 'assets/edit.svg';
 import { Event } from 'utils/GoogleAnalytics';
 import ApiError from 'components/Common/ApiError';
 import { formatSavedBalance } from 'utils/formatting';
 import { isValidXecAddress } from 'utils/validation';
 import { convertToEcashPrefix } from 'utils/cashMethods';
 
 import { currency } from 'components/Common/Ticker.js';
 const { Panel } = Collapse;
 
 const SettingsLink = styled.a`
     text-decoration: underline;
     color: ${props => props.theme.eCashBlue};
     :visited {
         text-decoration: underline;
         color: ${props => props.theme.eCashBlue};
     }
     :hover {
         color: ${props => props.theme.eCashPurple};
     }
 `;
 
 const SWRow = styled.div`
     border-radius: 3px;
     padding: 10px 0;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 6px;
     @media (max-width: 500px) {
         flex-direction: column;
         margin-bottom: 12px;
     }
 `;
 
 const SWName = styled.div`
     width: 50%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     word-wrap: break-word;
     hyphens: auto;
 
     @media (max-width: 500px) {
         width: 100%;
         justify-content: center;
         margin-bottom: 15px;
     }
 
     h3 {
         font-size: 16px;
         color: ${props => props.theme.darkBlue};
         margin: 0;
         text-align: center;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     h3.overflow {
         width: 100px;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 `;
 
 const SWBalance = styled.div`
     width: 50%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     word-wrap: break-word;
     hyphens: auto;
     @media (max-width: 500px) {
         width: 100%;
         justify-content: center;
         margin-bottom: 15px;
     }
     div {
         font-size: 13px;
         color: ${props => props.theme.darkBlue};
         margin: 0;
         text-align: center;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     div.overflow {
         width: 150px;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     div.overflow:hover {
         background-color: ${props => props.theme.settings.background};
         inline-size: 150px;
         white-space: normal;
     }
 `;
 
 const SWButtonCtn = styled.div`
     width: 50%;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     @media (max-width: 500px) {
         width: 100%;
         justify-content: center;
     }
 
     button {
         cursor: pointer;
         background: transparent;
         border: 1px solid #fff;
         box-shadow: none;
         color: #fff;
         border-radius: 3px;
         opacity: 0.6;
         transition: all 200ms ease-in-out;
 
         :hover {
             opacity: 1;
             background: ${props => props.theme.eCashBlue};
             border-color: ${props => props.theme.eCashBlue};
         }
 
         @media (max-width: 768px) {
             font-size: 14px;
         }
     }
 
     svg {
         stroke: ${props => props.theme.eCashBlue};
         fill: ${props => props.theme.eCashBlue};
         width: 20px;
         height: 25px;
         margin-right: 10px;
         cursor: pointer;
 
         :first-child:hover {
             stroke: ${props => props.theme.eCashBlue};
             fill: ${props => props.theme.eCashBlue};
         }
         :hover {
             stroke: ${props => props.theme.settings.delete};
             fill: ${props => props.theme.settings.delete};
         }
     }
 `;
 
 const ContactListRow = styled.div`
     border-radius: 3px;
     padding: 10px 0;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 6px;
     @media (max-width: 500px) {
         flex-direction: column;
         margin-bottom: 12px;
     }
 `;
 
 const ContactListAddress = styled.div`
     width: 40%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     word-wrap: break-word;
     hyphens: auto;
     @media (max-width: 500px) {
         width: 100%;
         justify-content: center;
         margin-bottom: 15px;
     }
     div {
         font-size: 13px;
         color: ${props => props.theme.darkBlue};
         margin: 12px;
         text-align: center;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     div.overflow {
         width: 150px;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     div.overflow:hover {
         background-color: ${props => props.theme.settings.background};
     }
 `;
 
 const ContactListName = styled.div`
     width: 30%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     word-wrap: break-word;
     hyphens: auto;
     @media (max-width: 500px) {
         width: 100%;
         justify-content: center;
         margin-bottom: 15px;
     }
     div {
         font-size: 13px;
         color: ${props => props.theme.darkBlue};
         margin: 0px;
         text-align: center;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     div.overflow {
         width: 150px;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     div.overflow:hover {
         background-color: ${props => props.theme.settings.background};
         inline-size: 150px;
         white-space: normal;
     }
 `;
 
 const ContactListCtn = styled.div`
     display: flex;
     align-items: center;
     justify-content: flex-end;
     @media (max-width: 500px) {
         width: 100%;
         justify-content: center;
     }
 
     button {
         cursor: pointer;
         background: transparent;
         border: 1px solid #fff;
         box-shadow: none;
         color: #fff;
         border-radius: 3px;
         opacity: 0.6;
         transition: all 200ms ease-in-out;
 
         :hover {
             opacity: 1;
             background: ${props => props.theme.eCashBlue};
             border-color: ${props => props.theme.eCashBlue};
         }
 
         @media (max-width: 768px) {
             font-size: 14px;
         }
     }
 
     svg {
         stroke: ${props => props.theme.eCashBlue};
         fill: ${props => props.theme.eCashBlue};
         width: 25px;
         height: 25px;
         margin-right: 10px;
         cursor: pointer;
 
         :first-child:hover {
             stroke: ${props => props.theme.eCashBlue};
             fill: ${props => props.theme.eCashBlue};
         }
         :hover {
             stroke: ${props => props.theme.settings.delete};
             fill: ${props => props.theme.settings.delete};
         }
     }
 `;
 
+const ContactListBtnCtn = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+`;
+
+const ExpandedBtnText = styled.span`
+    @media (max-width: 335px) {
+        display: none;
+    }
+`;
+
 const ContactListBtn = styled.button`
+    display: flex;
+    justify-content: center;
     align-items: center;
     cursor: pointer;
     background: transparent;
     border: 1px solid #fff;
     box-shadow: none;
     color: #fff;
     border-radius: 3px;
     opacity: 0.6;
+    gap: 3px;
     transition: all 200ms ease-in-out;
     @media (max-width: 500px) {
         width: 100%;
         justify-content: center;
     }
     :hover {
         opacity: 1;
         background: ${props => props.theme.eCashBlue};
         border-color: ${props => props.theme.eCashBlue};
     }
+    svg {
+        fill: ${props => props.theme.contrast} !important;
+    }
 `;
 
 const AWRow = styled.div`
     padding: 10px 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 6px;
     h3 {
         font-size: 16px;
         display: inline-block;
         color: ${props => props.theme.darkBlue};
         margin: 0;
         text-align: left;
         font-weight: bold;
         @media (max-width: 500px) {
             font-size: 14px;
         }
     }
     h4 {
         font-size: 16px;
         display: inline-block;
         color: ${props => props.theme.eCashBlue} !important;
         margin: 0;
         text-align: right;
     }
     @media (max-width: 500px) {
         flex-direction: column;
         margin-bottom: 12px;
     }
 `;
 
 const StyledConfigure = styled.div`
     h2 {
         color: ${props => props.theme.contrast};
         font-size: 25px;
     }
     svg {
         fill: ${props => props.theme.eCashBlue};
         
     }
     p {
         color: ${props => props.theme.darkBlue};
     }
     .ant-alert {
         color: ${props => props.theme.lightGrey}
         font-size: 14px;
     }
     .ant-collapse-header{
         .anticon{
             flex: 1;
         }
         .seedPhrase{ 
             flex: 2;
         }
     }
   
    
 `;
 
 const StyledSpacer = styled.div`
     height: 1px;
     width: 100%;
     background-color: ${props => props.theme.lightWhite};
     margin: 60px 0 50px;
 `;
 
 const GeneralSettingsItem = styled.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
     .ant-switch svg {
         fill: #717171;
     }
     .title {
         color: ${props => props.theme.contrast};
     }
     .anticon {
         color: ${props => props.theme.contrast};
     }
     .ant-switch {
         background-color: #bdbdbd;
     }
     .ant-switch-checked {
         background-color: ${props => props.theme.eCashBlue};
         svg {
             fill: ${props => props.theme.contrast};
         }
     }
     .SendConfirm {
         color: ${props => props.theme.lightWhite};
     }
 `;
 
 const Configure = () => {
     const ContextValue = React.useContext(WalletContext);
     const authentication = React.useContext(AuthenticationContext);
     const { wallet, apiError } = ContextValue;
     const location = useLocation();
 
     const {
         addNewSavedWallet,
         activateWallet,
         renameWallet,
         deleteWallet,
         validateMnemonic,
         getSavedWallets,
         cashtabSettings,
         changeCashtabSettings,
         getContactListFromLocalForage,
         updateContactListInLocalForage,
     } = ContextValue;
     const [savedWallets, setSavedWallets] = useState([]);
     const [formData, setFormData] = useState({
         dirty: true,
         mnemonic: '',
     });
     const [showRenameWalletModal, setShowRenameWalletModal] = useState(false);
     const [showDeleteWalletModal, setShowDeleteWalletModal] = useState(false);
     const [walletToBeRenamed, setWalletToBeRenamed] = useState(null);
     const [walletToBeDeleted, setWalletToBeDeleted] = useState(null);
     const [newWalletName, setNewWalletName] = useState('');
     const [
         confirmationOfWalletToBeDeleted,
         setConfirmationOfWalletToBeDeleted,
     ] = useState('');
     const [newWalletNameIsValid, setNewWalletNameIsValid] = useState(null);
     const [walletDeleteValid, setWalletDeleteValid] = useState(null);
     const [seedInput, openSeedInput] = useState(false);
     const [showTranslationWarning, setShowTranslationWarning] = useState(false);
     const [savedWalletContactModal, setSavedWalletContactModal] =
         useState(false);
 
     const showPopulatedDeleteWalletModal = walletInfo => {
         setWalletToBeDeleted(walletInfo);
         setShowDeleteWalletModal(true);
     };
 
     const showPopulatedRenameWalletModal = walletInfo => {
         setWalletToBeRenamed(walletInfo);
         setShowRenameWalletModal(true);
     };
     const cancelRenameWallet = () => {
         // Delete form value
         setNewWalletName('');
         setShowRenameWalletModal(false);
     };
     const cancelDeleteWallet = () => {
         setWalletToBeDeleted(null);
         setConfirmationOfWalletToBeDeleted('');
         setShowDeleteWalletModal(false);
     };
     const updateSavedWallets = async activeWallet => {
         if (activeWallet) {
             let savedWallets;
             try {
                 savedWallets = await getSavedWallets(activeWallet);
                 setSavedWallets(savedWallets);
             } catch (err) {
                 console.log(`Error in getSavedWallets()`);
                 console.log(err);
             }
         }
     };
 
     const [isValidMnemonic, setIsValidMnemonic] = useState(null);
 
     const [contactListArray, setContactListArray] = useState([{}]);
 
     const [showRenameContactModal, setShowRenameContactModal] = useState(false);
     const [contactToBeRenamed, setContactToBeRenamed] = useState(null); //object
     const [newContactNameIsValid, setNewContactNameIsValid] = useState(null);
     const [
         confirmationOfContactToBeRenamed,
         setConfirmationOfContactToBeRenamed,
     ] = useState('');
 
     const [showDeleteContactModal, setShowDeleteContactModal] = useState(false);
     const [contactAddressToDelete, setContactAddressToDelete] = useState(null);
     const [contactDeleteValid, setContactDeleteValid] = useState(null);
     const [
         confirmationOfContactToBeDeleted,
         setConfirmationOfContactToBeDeleted,
     ] = useState('');
 
     const [showManualAddContactModal, setShowManualAddContactModal] =
         useState(false);
     const [manualContactName, setManualContactName] = useState('');
     const [manualContactAddress, setManualContactAddress] = useState('');
     const [manualContactNameIsValid, setManualContactNameIsValid] =
         useState(null);
     const [manualContactAddressIsValid, setManualContactAddressIsValid] =
         useState(null);
 
     useEffect(() => {
         // Update savedWallets every time the active wallet changes
         updateSavedWallets(wallet);
     }, [wallet]);
 
     useEffect(async () => {
         const detectedBrowserLang = navigator.language;
         if (!detectedBrowserLang.includes('en-')) {
             setShowTranslationWarning(true);
         }
 
         // if this was routed from Home screen's Add to Contact link
         if (location && location.state && location.state.contactToAdd) {
             let tempContactListArray;
 
             try {
                 tempContactListArray = await getContactListFromLocalForage();
             } catch (err) {
                 console.log('Error in getContactListFromLocalForage()');
                 console.log(err);
             }
 
             // set default name for contact and sender as address
             let newContactObj = {
                 name: location.state.contactToAdd.substring(6, 11),
                 address: location.state.contactToAdd,
             };
 
             if (!tempContactListArray || tempContactListArray.length === 0) {
                 // no existing contact list in local storage
 
                 tempContactListArray = [{}]; // instantiates to mitigate null pointer issues
                 tempContactListArray.push(newContactObj);
                 tempContactListArray.shift(); // remove the initial entry from instantiation
                 generalNotification(
                     location.state.contactToAdd + ' added to Contact List',
                     'Success',
                 );
             } else {
                 // contact list exists in local storage
 
                 // check if address already exists in contact list
                 let duplicateContact = false;
                 let tempContactListArrayLength = tempContactListArray.length;
                 for (let i = 0; i < tempContactListArrayLength; i++) {
                     if (
                         tempContactListArray[i].address ===
                         location.state.contactToAdd
                     ) {
                         errorNotification(
                             null,
                             location.state.contactToAdd +
                                 ' already exists in the Contact List',
                             'handleManualAddContactModalOk() error',
                         );
                         duplicateContact = true;
                         break;
                     }
                 }
 
                 // in the edge case of a fresh new wallet on a fresh new browser, remove the initialization entry to avoid an undefined contact in array
                 if (
                     tempContactListArray &&
                     tempContactListArray[0].address === undefined
                 ) {
                     tempContactListArray.shift();
                 }
 
                 // if address does not exist on the contact list, add it
                 if (!duplicateContact) {
                     tempContactListArray.push(newContactObj);
                     generalNotification(
                         location.state.contactToAdd + ' added to Contact List',
                         'Success',
                     );
                 }
             }
 
             // update local storage
             let updateContactListStatus;
             try {
                 updateContactListStatus = await updateContactListInLocalForage(
                     tempContactListArray,
                 );
             } catch (err) {
                 console.log('Error in updateContactListInLocalForage()');
                 console.log(err);
             }
 
             if (!updateContactListStatus) {
                 errorNotification(
                     null,
                     'Error updating contact list in localforage',
                     'Updating localforage with contact list',
                 );
             }
 
             // commit to state for local operations
             setContactListArray(tempContactListArray);
         } else {
             // if this was just standard routing between cashtab components
             // i.e. Not via the Add to contacts action
 
             let loadContactListStatus;
             try {
                 loadContactListStatus = await getContactListFromLocalForage();
             } catch (err) {
                 console.log('Error in getContactListFromLocalForage()');
                 console.log(err);
             }
 
             // in the edge case of a fresh new wallet on a fresh new browser, remove the initialization entry to avoid an undefined contact in array
             if (
                 loadContactListStatus &&
                 loadContactListStatus[0].address === undefined
             ) {
                 loadContactListStatus.shift();
             }
 
             setContactListArray(loadContactListStatus);
         }
     }, []);
 
     // Need this function to ensure that savedWallets are updated on new wallet creation
     const updateSavedWalletsOnCreate = async importMnemonic => {
         // Event("Category", "Action", "Label")
         // Track number of times a different wallet is activated
         Event('Configure.js', 'Create Wallet', 'New');
         const walletAdded = await addNewSavedWallet(importMnemonic);
         if (!walletAdded) {
             Modal.error({
                 title: 'This wallet already exists!',
                 content: 'Wallet not added',
             });
         } else {
             Modal.success({
                 content: 'Wallet added to your saved wallets',
             });
         }
         await updateSavedWallets(wallet);
     };
     // Same here
     // TODO you need to lock UI here until this is complete
     // Otherwise user may try to load an already-loading wallet, wreak havoc with indexedDB
     const updateSavedWalletsOnLoad = async walletToActivate => {
         // Event("Category", "Action", "Label")
         // Track number of times a different wallet is activated
         Event('Configure.js', 'Activate', '');
         await activateWallet(walletToActivate);
     };
 
     async function submit() {
         setFormData({
             ...formData,
             dirty: false,
         });
 
         // Exit if no user input
         if (!formData.mnemonic) {
             return;
         }
 
         // Exit if mnemonic is invalid
         if (!isValidMnemonic) {
             return;
         }
         // Event("Category", "Action", "Label")
         // Track number of times a different wallet is activated
         Event('Configure.js', 'Create Wallet', 'Imported');
         updateSavedWalletsOnCreate(formData.mnemonic);
     }
 
     const handleChange = e => {
         const { value, name } = e.target;
 
         // Validate mnemonic on change
         // Import button should be disabled unless mnemonic is valid
         setIsValidMnemonic(validateMnemonic(value));
 
         setFormData(p => ({ ...p, [name]: value }));
     };
 
     const changeWalletName = async () => {
         if (
             newWalletName === '' ||
             newWalletName.length > currency.localStorageMaxCharacters
         ) {
             setNewWalletNameIsValid(false);
             return;
         }
         // Hide modal
         setShowRenameWalletModal(false);
         // Change wallet name
         console.log(
             `Changing wallet ${walletToBeRenamed.name} name to ${newWalletName}`,
         );
         const renameSuccess = await renameWallet(
             walletToBeRenamed.name,
             newWalletName,
         );
 
         if (renameSuccess) {
             Modal.success({
                 content: `Wallet "${walletToBeRenamed.name}" renamed to "${newWalletName}"`,
             });
         } else {
             Modal.error({
                 content: `Rename failed. All wallets must have a unique name.`,
             });
         }
         await updateSavedWallets(wallet);
         // Clear wallet name for form
         setNewWalletName('');
     };
 
     const deleteSelectedWallet = async () => {
         if (!walletDeleteValid && walletDeleteValid !== null) {
             return;
         }
         if (
             confirmationOfWalletToBeDeleted !==
             `delete ${walletToBeDeleted.name}`
         ) {
             setWalletDeleteValid(false);
             return;
         }
 
         // Hide modal
         setShowDeleteWalletModal(false);
         // Change wallet name
         console.log(`Deleting wallet "${walletToBeDeleted.name}"`);
         const walletDeletedSuccess = await deleteWallet(walletToBeDeleted);
 
         if (walletDeletedSuccess) {
             Modal.success({
                 content: `Wallet "${walletToBeDeleted.name}" successfully deleted`,
             });
         } else {
             Modal.error({
                 content: `Error deleting ${walletToBeDeleted.name}.`,
             });
         }
         await updateSavedWallets(wallet);
         // Clear wallet delete confirmation from form
         setConfirmationOfWalletToBeDeleted('');
     };
 
     const handleWalletNameInput = e => {
         const { value } = e.target;
         // validation
         if (
             value &&
             value.length &&
             value.length <= currency.localStorageMaxCharacters
         ) {
             setNewWalletNameIsValid(true);
         } else {
             setNewWalletNameIsValid(false);
         }
 
         setNewWalletName(value);
     };
 
     const handleWalletToDeleteInput = e => {
         const { value } = e.target;
 
         if (value && value === `delete ${walletToBeDeleted.name}`) {
             setWalletDeleteValid(true);
         } else {
             setWalletDeleteValid(false);
         }
         setConfirmationOfWalletToBeDeleted(value);
     };
 
     const handleAppLockToggle = checked => {
         if (checked) {
             // if there is an existing credential, that means user has registered
             // simply turn on the Authentication Required flag
             if (authentication.credentialId) {
                 authentication.turnOnAuthentication();
             } else {
                 // there is no existing credential, that means user has not registered
                 // user need to register
                 authentication.signUp();
             }
         } else {
             authentication.turnOffAuthentication();
         }
     };
 
     const handleContactNameInput = e => {
         const { value } = e.target;
 
         if (
             value &&
             value.length &&
             value.length < currency.localStorageMaxCharacters
         ) {
             setNewContactNameIsValid(true);
         } else {
             setNewContactNameIsValid(false);
         }
         setConfirmationOfContactToBeRenamed(value);
     };
 
     const handleRenameContact = contactObj => {
         if (!contactObj) {
             console.log(
                 'handleRenameContact() error: Invalid contact object for update',
             );
             return;
         }
         setContactToBeRenamed(contactObj);
         setShowRenameContactModal(true);
     };
 
     const handleRenameContactCancel = () => {
         setShowRenameContactModal(false);
     };
 
     const handleRenameContactModalOk = () => {
         if (
             !newContactNameIsValid ||
             newContactNameIsValid === null ||
             !contactToBeRenamed
         ) {
             return;
         }
         renameContactByName(contactToBeRenamed);
         setShowRenameContactModal(false);
     };
 
     const renameContactByName = async contactObj => {
         // obtain reference to the contact object in the array
         let contactObjToUpdate = contactListArray.find(
             element => element.address === contactObj.address,
         );
 
         // if a match was found
         if (contactObjToUpdate) {
             // update the contact name
             contactObjToUpdate.name = confirmationOfContactToBeRenamed;
 
             // update local object array and local storage
             setContactListArray(contactListArray);
 
             let updateContactListStatus;
             try {
                 updateContactListStatus = await updateContactListInLocalForage(
                     contactListArray,
                 );
             } catch (err) {
                 console.log('Error in updateContactListInLocalForage()');
                 console.log(err);
             }
 
             if (!updateContactListStatus) {
                 errorNotification(
                     null,
                     'Unable to update localforage with updated contact list',
                     'Updating localforage with contact list',
                 );
             }
         } else {
             errorNotification(
                 null,
                 'Unable to find contact in array',
                 'Updating localforage with contact list',
             );
         }
     };
 
     const handleSendModalToggle = checkedState => {
         changeCashtabSettings('sendModal', checkedState);
     };
 
     const getContactNameByAddress = contactAddress => {
         if (!contactAddress) {
             return;
         }
 
         // filter contact from local contact list array
         const filteredContactList = contactListArray.filter(
             element => element.address === contactAddress,
         );
 
         if (!filteredContactList) {
             return;
         }
 
         return filteredContactList[0].name;
     };
 
     const deleteContactByAddress = async contactAddress => {
         if (!contactAddress) {
             return;
         }
 
         // filter contact from local contact list array
         const updatedContactList = contactListArray.filter(
             element => element.address !== contactAddress,
         );
 
         // update local list
         setContactListArray(updatedContactList);
 
         // commit updated list to local storage
         let updateContactListStatus;
         try {
             updateContactListStatus = await updateContactListInLocalForage(
                 updatedContactList,
             );
         } catch (err) {
             console.log('Error in updateContactListInLocalForage()');
             console.log(err);
         }
 
         if (updateContactListStatus) {
             generalNotification(
                 contactAddressToDelete + ' removed from Contact List',
                 'Success',
             );
         } else {
             errorNotification(
                 null,
                 'Error removing ' +
                     contactAddressToDelete +
                     ' from Contact List',
                 'Updating localforage with contact list',
             );
         }
     };
 
     const handleDeleteContact = contactAddress => {
         if (!contactAddress) {
             console.log(
                 'handleDeleteContact() error: Invalid contact address for deletion',
             );
             return;
         }
         setContactAddressToDelete(contactAddress);
         setShowDeleteContactModal(true);
     };
 
     const handleDeleteContactModalCancel = () => {
         setShowDeleteContactModal(false);
     };
 
     const handleDeleteContactModalOk = () => {
         if (
             !contactDeleteValid ||
             contactDeleteValid === null ||
             !contactAddressToDelete
         ) {
             return;
         }
         setShowDeleteContactModal(false);
         deleteContactByAddress(contactAddressToDelete);
     };
 
     const handleContactToDeleteInput = e => {
         const { value } = e.target;
         const contactName = getContactNameByAddress(contactAddressToDelete);
         if (value && value === 'delete ' + contactName) {
             setContactDeleteValid(true);
         } else {
             setContactDeleteValid(false);
         }
         setConfirmationOfContactToBeDeleted(value);
     };
 
     const exportContactList = contactListArray => {
         if (!contactListArray) {
             errorNotification('Unable to export contact list');
             return;
         }
 
         // convert object array into csv data
         let csvContent =
             'data:text/csv;charset=utf-8,' +
             contactListArray.map(
                 element => '\n' + element.name + '|' + element.address,
             );
 
         // encode csv
         var encodedUri = encodeURI(csvContent);
 
         // hidden DOM node to set the default file name
         var csvLink = document.createElement('a');
         csvLink.setAttribute('href', encodedUri);
         csvLink.setAttribute(
             'download',
             'Cashtab_Contacts_' + wallet.name + '.csv',
         );
         document.body.appendChild(csvLink);
         csvLink.click();
     };
 
     const handleAddSavedWalletAsContactOk = async () => {
         let duplicateContact = false;
         let tempContactListArray = contactListArray;
 
         let newContactObj = {
             name: manualContactName,
             address: manualContactAddress,
         };
 
         if (!tempContactListArray || tempContactListArray.length === 0) {
             // no existing contact list in local storage
             tempContactListArray = [{}]; // instantiates to mitigate null pointer issues
             tempContactListArray.push(newContactObj);
             tempContactListArray.shift(); // remove the initial entry from instantiation
         } else {
             // contact list exists in local storage
             // check if address already exists in contact list
             let tempContactListArrayLength = tempContactListArray.length;
             for (let i = 0; i < tempContactListArrayLength; i++) {
                 if (tempContactListArray[i].address === manualContactAddress) {
                     errorNotification(
                         null,
                         manualContactAddress +
                             ' already exists in the Contact List',
                         'handleAddSavedWalletAsContactOk() error',
                     );
                     duplicateContact = true;
                     break;
                 }
             }
             // if address does not exist on the contact list, add it
             if (!duplicateContact) {
                 tempContactListArray.push(newContactObj);
                 generalNotification(
                     manualContactAddress + ' added to Contact List',
                     'Success',
                 );
             }
         }
 
         // update localforage
         try {
             await updateContactListInLocalForage(tempContactListArray);
         } catch (err) {
             console.log('Error in handleAddSavedWalletAsContactOk()');
             console.log(err);
         }
 
         // update local state array
         setContactListArray(tempContactListArray);
         setSavedWalletContactModal(false);
         setManualContactName('');
         setManualContactAddress('');
     };
 
     const handleAddSavedWalletAsContactCancel = () => {
         setSavedWalletContactModal(false);
         setManualContactName('');
         setManualContactAddress('');
     };
 
     const addSavedWalletToContact = walletInfo => {
         if (!walletInfo) {
             return;
         }
         // initialise saved wallet name and address to state for confirmation modal
         setManualContactName(walletInfo.name);
         setManualContactAddress(
             convertToEcashPrefix(walletInfo.Path1899.cashAddress),
         );
         setSavedWalletContactModal(true);
     };
 
     const handleManualAddContactModalOk = async () => {
         // if either inputs are invalid then go no further
         if (!manualContactNameIsValid || !manualContactAddressIsValid) {
             return;
         }
 
         let duplicateContact = false;
         let tempContactListArray = contactListArray;
         let newContactObj = {
             name: manualContactName,
             address: manualContactAddress,
         };
 
         if (!tempContactListArray || tempContactListArray.length === 0) {
             // no existing contact list in local storage
             tempContactListArray = [{}]; // instantiates to mitigate null pointer issues
             tempContactListArray.push(newContactObj);
             tempContactListArray.shift(); // remove the initial entry from instantiation
         } else {
             // contact list exists in local storage
             // check if address already exists in contact list
             let tempContactListArrayLength = tempContactListArray.length;
             for (let i = 0; i < tempContactListArrayLength; i++) {
                 if (tempContactListArray[i].address === manualContactAddress) {
                     errorNotification(
                         null,
                         manualContactAddress +
                             ' already exists in the Contact List',
                         'handleManualAddContactModalOk() error',
                     );
                     duplicateContact = true;
                     break;
                 }
             }
             // if address does not exist on the contact list, add it
             if (!duplicateContact) {
                 tempContactListArray.push(newContactObj);
                 generalNotification(
                     manualContactAddress + ' added to Contact List',
                     'Success',
                 );
             }
         }
         // update local state array
         setContactListArray(tempContactListArray);
 
         // update localforage
         try {
             await updateContactListInLocalForage(tempContactListArray);
         } catch (err) {
             console.log('Error in handleManualAddContactModalOk()');
             console.log(err);
         }
 
         setShowManualAddContactModal(false);
         setManualContactName('');
         setManualContactAddress('');
     };
 
     const handleManualAddContactModalCancel = () => {
         setShowManualAddContactModal(false);
         setManualContactName('');
         setManualContactAddress('');
     };
 
     const handleManualContactNameInput = e => {
         const { value } = e.target;
 
         if (value && value.length && value.length < 24) {
             setManualContactNameIsValid(true);
         } else {
             setManualContactNameIsValid(false);
         }
         setManualContactName(value);
     };
 
     const handleManualContactAddressInput = e => {
         const { value } = e.target;
         setManualContactAddressIsValid(isValidXecAddress(value));
         setManualContactAddress(value);
     };
 
     return (
         <SidePaddingCtn>
             <StyledConfigure>
                 {savedWalletContactModal && (
                     <Modal
                         title={`Add the following saved wallet to contact list?`}
                         visible={savedWalletContactModal}
                         onOk={() => handleAddSavedWalletAsContactOk()}
                         onCancel={() => handleAddSavedWalletAsContactCancel()}
                     >
                         <AntdFormWrapper>
                             <Form style={{ width: 'auto' }}>
                                 <FormLabel>Name: {manualContactName}</FormLabel>
                                 <br />
                                 <FormLabel>
                                     Address: {manualContactAddress}
                                 </FormLabel>
                             </Form>
                         </AntdFormWrapper>
                     </Modal>
                 )}
                 {showManualAddContactModal && (
                     <Modal
                         title={`Add new contact to contact list`}
                         visible={showManualAddContactModal}
                         onOk={() => handleManualAddContactModalOk()}
                         onCancel={() => handleManualAddContactModalCancel()}
                     >
                         <AntdFormWrapper>
                             <Form style={{ width: 'auto' }}>
                                 <FormLabel>Name:</FormLabel>
                                 <Form.Item
                                     validateStatus={
                                         manualContactNameIsValid === null ||
                                         manualContactNameIsValid
                                             ? ''
                                             : 'error'
                                     }
                                     help={
                                         manualContactNameIsValid === null ||
                                         manualContactNameIsValid
                                             ? ''
                                             : 'Contact name must be a string between 1 and 24 characters long'
                                     }
                                 >
                                     <Input
                                         placeholder="Enter new contact name"
                                         name="manualContactName"
                                         value={manualContactName}
                                         onChange={e =>
                                             handleManualContactNameInput(e)
                                         }
                                     />
                                 </Form.Item>
                                 <FormLabel>eCash Address:</FormLabel>
                                 <Form.Item
                                     validateStatus={
                                         manualContactAddressIsValid === null ||
                                         manualContactAddressIsValid
                                             ? ''
                                             : 'error'
                                     }
                                     help={
                                         manualContactAddressIsValid === null ||
                                         manualContactAddressIsValid
                                             ? ''
                                             : 'Invalid eCash address'
                                     }
                                 >
                                     <Input
                                         placeholder="Enter new eCash address"
                                         name="manualContactAddress"
                                         value={manualContactAddress}
                                         onChange={e =>
                                             handleManualContactAddressInput(e)
                                         }
                                     />
                                 </Form.Item>
                             </Form>
                         </AntdFormWrapper>
                     </Modal>
                 )}
                 {showDeleteContactModal && (
                     <>
                         <Modal
                             title="Confirm Delete Contact"
                             visible={showDeleteContactModal}
                             onOk={() => handleDeleteContactModalOk()}
                             onCancel={() => handleDeleteContactModalCancel()}
                         >
                             <p>
                                 are you sure you want to delete{' '}
                                 {getContactNameByAddress(
                                     contactAddressToDelete,
                                 )}{' '}
                                 from contact list?
                             </p>
                             <AntdFormWrapper>
                                 <Form style={{ width: 'auto' }}>
                                     <Form.Item
                                         validateStatus={
                                             contactDeleteValid === null ||
                                             contactDeleteValid
                                                 ? ''
                                                 : 'error'
                                         }
                                         help={
                                             contactDeleteValid === null ||
                                             contactDeleteValid
                                                 ? ''
                                                 : 'Your confirmation phrase must match exactly'
                                         }
                                     >
                                         <Input
                                             prefix={<ThemedContactsOutlined />}
                                             placeholder={`Type "delete ${getContactNameByAddress(
                                                 contactAddressToDelete,
                                             )}" to confirm`}
                                             name="contactToBeDeletedInput"
                                             value={
                                                 confirmationOfContactToBeDeleted
                                             }
                                             onChange={e =>
                                                 handleContactToDeleteInput(e)
                                             }
                                         />
                                     </Form.Item>
                                 </Form>
                             </AntdFormWrapper>
                         </Modal>
                     </>
                 )}
                 {showRenameContactModal && (
                     <Modal
                         title={`Set contact name for ${contactToBeRenamed.address}`}
                         visible={showRenameContactModal}
                         onOk={() => handleRenameContactModalOk()}
                         onCancel={() => handleRenameContactCancel()}
                     >
                         <AntdFormWrapper>
                             <Form style={{ width: 'auto' }}>
                                 <Form.Item
                                     validateStatus={
                                         newContactNameIsValid === null ||
                                         newContactNameIsValid
                                             ? ''
                                             : 'error'
                                     }
                                     help={
                                         newContactNameIsValid === null ||
                                         newContactNameIsValid
                                             ? ''
                                             : 'Contact name must be a string between 1 and 24 characters long'
                                     }
                                 >
                                     <Input
                                         prefix={<WalletFilled />}
                                         placeholder="Enter new contact name"
                                         name="newContactName"
                                         value={confirmationOfContactToBeRenamed}
                                         onChange={e =>
                                             handleContactNameInput(e)
                                         }
                                     />
                                 </Form.Item>
                             </Form>
                         </AntdFormWrapper>
                     </Modal>
                 )}
                 {walletToBeRenamed !== null && (
                     <Modal
                         title={`Rename Wallet ${walletToBeRenamed.name}`}
                         visible={showRenameWalletModal}
                         onOk={changeWalletName}
                         onCancel={() => cancelRenameWallet()}
                     >
                         <AntdFormWrapper>
                             <Form style={{ width: 'auto' }}>
                                 <Form.Item
                                     validateStatus={
                                         newWalletNameIsValid === null ||
                                         newWalletNameIsValid
                                             ? ''
                                             : 'error'
                                     }
                                     help={
                                         newWalletNameIsValid === null ||
                                         newWalletNameIsValid
                                             ? ''
                                             : 'Wallet name must be a string between 1 and 24 characters long'
                                     }
                                 >
                                     <Input
                                         prefix={<WalletFilled />}
                                         placeholder="Enter new wallet name"
                                         name="newName"
                                         value={newWalletName}
                                         onChange={e => handleWalletNameInput(e)}
                                     />
                                 </Form.Item>
                             </Form>
                         </AntdFormWrapper>
                     </Modal>
                 )}
                 {walletToBeDeleted !== null && (
                     <Modal
                         title={`Are you sure you want to delete wallet "${walletToBeDeleted.name}"?`}
                         visible={showDeleteWalletModal}
                         onOk={deleteSelectedWallet}
                         onCancel={() => cancelDeleteWallet()}
                     >
                         <AntdFormWrapper>
                             <Form style={{ width: 'auto' }}>
                                 <Form.Item
                                     validateStatus={
                                         walletDeleteValid === null ||
                                         walletDeleteValid
                                             ? ''
                                             : 'error'
                                     }
                                     help={
                                         walletDeleteValid === null ||
                                         walletDeleteValid
                                             ? ''
                                             : 'Your confirmation phrase must match exactly'
                                     }
                                 >
                                     <Input
                                         prefix={<WalletFilled />}
                                         placeholder={`Type "delete ${walletToBeDeleted.name}" to confirm`}
                                         name="walletToBeDeletedInput"
                                         value={confirmationOfWalletToBeDeleted}
                                         onChange={e =>
                                             handleWalletToDeleteInput(e)
                                         }
                                     />
                                 </Form.Item>
                             </Form>
                         </AntdFormWrapper>
                     </Modal>
                 )}
                 <h2>
                     <ThemedCopyOutlined /> Backup your wallet
                 </h2>
                 <Alert
                     style={{ marginBottom: '12px' }}
                     description="Your seed phrase is the only way to restore your wallet. Write it down. Keep it safe."
                     type="warning"
                     showIcon
                 />
                 {showTranslationWarning && (
                     <Alert
                         style={{ marginBottom: '12px' }}
                         description="Please do not translate your seed phrase. Store your seed phrase in English. You must re-enter these exact English words to restore your wallet from seed."
                         type="warning"
                         showIcon
                     />
                 )}
                 {wallet && wallet.mnemonic && (
                     <StyledCollapse expandIconPosition="left">
                         <Panel
                             header={
                                 <div className="seedPhrase">
                                     Click to reveal seed phrase
                                 </div>
                             }
                         >
                             <p
                                 className="notranslate"
                                 style={{ userSelect: 'text' }}
                             >
                                 {wallet && wallet.mnemonic
                                     ? wallet.mnemonic
                                     : ''}
                             </p>
                         </Panel>
                     </StyledCollapse>
                 )}
                 <StyledSpacer />
                 <h2>
                     <ThemedWalletOutlined /> Manage Wallets
                 </h2>
                 {apiError ? (
                     <ApiError />
                 ) : (
                     <>
                         <PrimaryButton
                             onClick={() => updateSavedWalletsOnCreate()}
                         >
                             <PlusSquareOutlined /> New Wallet
                         </PrimaryButton>
                         <SecondaryButton
                             onClick={() => openSeedInput(!seedInput)}
                         >
                             <ImportOutlined /> Import Wallet
                         </SecondaryButton>
                         {seedInput && (
                             <>
                                 <p style={{ color: '#fff' }}>
                                     Copy and paste your mnemonic seed phrase
                                     below to import an existing wallet
                                 </p>
                                 <AntdFormWrapper>
                                     <Form style={{ width: 'auto' }}>
                                         <Form.Item
                                             validateStatus={
                                                 isValidMnemonic === null ||
                                                 isValidMnemonic
                                                     ? ''
                                                     : 'error'
                                             }
                                             help={
                                                 isValidMnemonic === null ||
                                                 isValidMnemonic
                                                     ? ''
                                                     : 'Valid mnemonic seed phrase required'
                                             }
                                         >
                                             <Input
                                                 prefix={<LockOutlined />}
                                                 type="email"
                                                 placeholder="mnemonic (seed phrase)"
                                                 name="mnemonic"
                                                 autoComplete="off"
                                                 onChange={e => handleChange(e)}
                                                 required
                                             />
                                         </Form.Item>
                                         <SmartButton
                                             disabled={!isValidMnemonic}
                                             onClick={() => submit()}
                                         >
                                             Import
                                         </SmartButton>
                                     </Form>
                                 </AntdFormWrapper>
                             </>
                         )}
                     </>
                 )}
                 {savedWallets && savedWallets.length > 0 && (
                     <>
                         <StyledCollapse>
                             <Panel header="Saved wallets">
                                 <AWRow>
                                     <Tooltip title={wallet.name}>
                                         <h3 className="notranslate">
                                             {wallet.name}
                                         </h3>
                                     </Tooltip>
                                     <h4>Currently active</h4>
                                 </AWRow>
                                 <div>
                                     {savedWallets.map(sw => (
                                         <SWRow key={sw.name}>
                                             <Tooltip
                                                 title={sw.name}
                                                 autoAdjustOverflow={true}
                                             >
                                                 <SWName>
                                                     <h3 className="overflow notranslate">
                                                         {sw.name}
                                                     </h3>
                                                 </SWName>
                                             </Tooltip>
                                             <SWBalance>
                                                 <div className="overflow">
                                                     [
                                                     {sw && sw.state
                                                         ? formatSavedBalance(
                                                               sw.state.balances
                                                                   .totalBalance,
                                                           )
                                                         : 'N/A'}{' '}
                                                     XEC]
                                                 </div>
                                             </SWBalance>
                                             <SWButtonCtn>
                                                 <Edit
                                                     onClick={() =>
                                                         showPopulatedRenameWalletModal(
                                                             sw,
                                                         )
                                                     }
                                                 />
                                                 <ThemedContactsOutlined
                                                     onClick={() =>
                                                         addSavedWalletToContact(
                                                             sw,
                                                         )
                                                     }
                                                 />
                                                 <Trashcan
                                                     onClick={() =>
                                                         showPopulatedDeleteWalletModal(
                                                             sw,
                                                         )
                                                     }
                                                 />
                                                 <button
                                                     onClick={() =>
                                                         updateSavedWalletsOnLoad(
                                                             sw,
                                                         )
                                                     }
                                                 >
                                                     Activate
                                                 </button>
                                             </SWButtonCtn>
                                         </SWRow>
                                     ))}
                                 </div>
                             </Panel>
                         </StyledCollapse>
                     </>
                 )}
                 <Row type="flex">
                     <Col span={24}>
                         <StyledCollapse
                             style={{
                                 marginBottom: '24px',
                             }}
                             defaultActiveKey={
                                 location &&
                                 location.state &&
                                 location.state.contactToAdd
                                     ? ['1']
                                     : ['0']
                             }
                         >
                             <Panel header="Contact List" key="1">
                                 <AntdFormWrapper>
                                     <Form
                                         style={{
                                             width: 'auto',
                                         }}
                                     >
                                         {contactListArray &&
                                         contactListArray.length > 0 ? (
                                             contactListArray.map(
                                                 (element, index) => (
                                                     <ContactListRow key={index}>
                                                         <Tooltip
                                                             title={element.name}
                                                         >
                                                             <ContactListName>
                                                                 <div className="overflow">
                                                                     {
                                                                         element.name
                                                                     }
                                                                 </div>
                                                             </ContactListName>
                                                         </Tooltip>
                                                         <Tooltip
                                                             title={
                                                                 element.address
                                                             }
                                                         >
                                                             <ContactListAddress>
                                                                 <div
                                                                     className="overflow notranslate"
                                                                     onClick={() => {
                                                                         navigator.clipboard.writeText(
                                                                             element.address,
                                                                         );
                                                                         generalNotification(
                                                                             element.address +
                                                                                 ' copied to clipboard',
                                                                             'Copied',
                                                                             'Success',
                                                                         );
                                                                     }}
                                                                 >
                                                                     {
                                                                         element.address
                                                                     }
                                                                 </div>
                                                             </ContactListAddress>
                                                         </Tooltip>
                                                         <ContactListCtn>
                                                             <Edit
                                                                 onClick={() =>
                                                                     handleRenameContact(
                                                                         element,
                                                                     )
                                                                 }
                                                             />
                                                             <Link
                                                                 to={{
                                                                     pathname: `/send`,
                                                                     state: {
                                                                         contactSend:
                                                                             element.address,
                                                                     },
                                                                 }}
                                                             >
                                                                 <ThemedContactSendOutlined />
                                                             </Link>
                                                             <Trashcan
                                                                 onClick={() =>
                                                                     handleDeleteContact(
                                                                         element.address,
                                                                     )
                                                                 }
                                                             />
                                                         </ContactListCtn>
                                                     </ContactListRow>
                                                 ),
                                             )
                                         ) : (
                                             <div>
                                                 <p>
                                                     {
                                                         'Your contact list is empty.'
                                                     }
                                                 </p>
                                                 <p>
                                                     {
                                                         'Contacts can be added by clicking on a received transaction and looking for the "Add to contacts" icon or via the "New Contact" button below.'
                                                     }
                                                 </p>
                                             </div>
                                         )}
                                         {/* Export button will only show when there are contacts */}
-                                        {contactListArray &&
-                                            contactListArray.length > 0 && (
-                                                <ContactListBtn
-                                                    onClick={() =>
-                                                        exportContactList(
-                                                            contactListArray,
-                                                        )
-                                                    }
-                                                >
-                                                    Export contacts
-                                                </ContactListBtn>
-                                            )}
-                                        <br />
-                                        <br />
-                                        <ContactListBtn
-                                            onClick={() =>
-                                                setShowManualAddContactModal(
-                                                    true,
-                                                )
-                                            }
-                                        >
-                                            New Contact
-                                        </ContactListBtn>
+                                        <ContactListBtnCtn>
+                                            {contactListArray &&
+                                                contactListArray.length > 0 && (
+                                                    <ContactListBtn
+                                                        onClick={() =>
+                                                            exportContactList(
+                                                                contactListArray,
+                                                            )
+                                                        }
+                                                    >
+                                                        <ThemedDownloadOutlined />
+                                                        <ExpandedBtnText>
+                                                            Download
+                                                        </ExpandedBtnText>
+                                                        CSV
+                                                    </ContactListBtn>
+                                                )}
+                                            <br />
+                                            <br />
+                                            <ContactListBtn
+                                                onClick={() =>
+                                                    setShowManualAddContactModal(
+                                                        true,
+                                                    )
+                                                }
+                                            >
+                                                <ThemedPlusOutlined />
+                                                <ExpandedBtnText>
+                                                    Add
+                                                </ExpandedBtnText>
+                                                Contact
+                                            </ContactListBtn>
+                                        </ContactListBtnCtn>
                                     </Form>
                                 </AntdFormWrapper>
                             </Panel>
                         </StyledCollapse>
                     </Col>
                 </Row>
                 <StyledSpacer />
                 <h2>
                     <ThemedDollarOutlined /> Fiat Currency
                 </h2>
                 <AntdFormWrapper>
                     <CurrencySelectDropdown
                         defaultValue={
                             cashtabSettings && cashtabSettings.fiatCurrency
                                 ? cashtabSettings.fiatCurrency
                                 : 'usd'
                         }
                         onChange={fiatCode =>
                             changeCashtabSettings('fiatCurrency', fiatCode)
                         }
                     />
                 </AntdFormWrapper>
                 <StyledSpacer />
                 <h2>
                     <ThemedSettingOutlined /> General Settings
                 </h2>
                 <GeneralSettingsItem>
                     <div className="title">
                         <LockFilled /> Lock App
                     </div>
                     {authentication ? (
                         <Switch
                             size="small"
                             checkedChildren={<CheckOutlined />}
                             unCheckedChildren={<CloseOutlined />}
                             checked={
                                 authentication.isAuthenticationRequired &&
                                 authentication.credentialId
                                     ? true
                                     : false
                             }
                             // checked={false}
                             onChange={handleAppLockToggle}
                         />
                     ) : (
                         <Tag color="warning" icon={<ExclamationCircleFilled />}>
                             Not Supported
                         </Tag>
                     )}
                 </GeneralSettingsItem>
                 <GeneralSettingsItem>
                     <div className="SendConfirm">
                         <LockFilled /> Send Confirmations
                     </div>
                     <Switch
                         size="small"
                         checkedChildren={<CheckOutlined />}
                         unCheckedChildren={<CloseOutlined />}
                         checked={
                             cashtabSettings ? cashtabSettings.sendModal : false
                         }
                         onChange={handleSendModalToggle}
                     />
                 </GeneralSettingsItem>
                 <StyledSpacer />[
                 <SettingsLink
                     type="link"
                     href="https://docs.cashtab.com/docs/"
                     target="_blank"
                     rel="noreferrer"
                 >
                     Documentation
                 </SettingsLink>
                 ]
             </StyledConfigure>
         </SidePaddingCtn>
     );
 };
 
 export default Configure;
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 84dc301f8..431ee2dca 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-fjdhpX bSjMdT"
+  className="sc-cSHVUG jkzHCz"
 >
   <div
-    className="sc-fAjcbJ jTFLYa"
+    className="sc-cHGsZl exGvdx"
   >
     <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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     <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-jAaTju dvdlmc"
+      className="sc-gPEVay fIifAs"
       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-jDwBTQ htrvtM"
+      className="sc-iRbamj eDAZIV"
       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-eNQAEJ fEfbki"
+          className="ant-collapse ant-collapse-icon-position-left sc-kEYyzF BStYT"
           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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     <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-jWBwVP einKSv"
+      className="sc-cMljjf rFbSm"
     >
       <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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     <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-gisBJw cUrPBI"
+      className="sc-kgAjT dYHIBL"
     >
       <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-gisBJw cUrPBI"
+      className="sc-kgAjT dYHIBL"
     >
       <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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     [
     <a
-      className="sc-jlyJG dvLWBt"
+      className="sc-csuQGl ezYjbJ"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
       type="link"
     >
       Documentation
     </a>
     ]
   </div>
 </div>
 `;
 
 exports[`Without wallet defined 1`] = `
 <div
-  className="sc-fjdhpX bSjMdT"
+  className="sc-cSHVUG jkzHCz"
 >
   <div
-    className="sc-fAjcbJ jTFLYa"
+    className="sc-cHGsZl exGvdx"
   >
     <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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     <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-jAaTju dvdlmc"
+      className="sc-gPEVay fIifAs"
       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-jDwBTQ htrvtM"
+      className="sc-iRbamj eDAZIV"
       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-eNQAEJ fEfbki"
+          className="ant-collapse ant-collapse-icon-position-left sc-kEYyzF BStYT"
           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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     <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-jWBwVP einKSv"
+      className="sc-cMljjf rFbSm"
     >
       <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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     <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-gisBJw cUrPBI"
+      className="sc-kgAjT dYHIBL"
     >
       <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-gisBJw cUrPBI"
+      className="sc-kgAjT dYHIBL"
     >
       <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-caSCKo bZftbI"
+      className="sc-TOsTZ iGtEPf"
     />
     [
     <a
-      className="sc-jlyJG dvLWBt"
+      className="sc-csuQGl ezYjbJ"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
       type="link"
     >
       Documentation
     </a>
     ]
   </div>
 </div>
 `;
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 fe7935bc4..bf6a1bd99 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-hmzhuo cYAKWr"
   >
     <h4
       className="sc-jnlKLf geyYYg"
     >
       MigrationTestAlpha
     </h4>
     <div
       className="sc-kvZOFW cxOlCC"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
     className="sc-cJSrbW hStxoF"
   >
     <div
       className="sc-fYxtnH ixaKpj"
     >
       <button
         className="sc-tilXH bXRpMB"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
         className="sc-tilXH iayPhB"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
       className="sc-hEsumM fbHeaX"
     >
       <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-hEsumM kEJcgQ"
     >
       <a
         className="sc-feJyhm ikxcAj"
         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-hmzhuo cYAKWr"
   >
     <h4
       className="sc-jnlKLf geyYYg"
     >
       MigrationTestAlpha
     </h4>
     <div
       className="sc-kvZOFW cxOlCC"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
     className="sc-cJSrbW hStxoF"
   >
     <div
       className="sc-fYxtnH ixaKpj"
     >
       <button
         className="sc-tilXH bXRpMB"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
         className="sc-tilXH iayPhB"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
       className="sc-hEsumM fbHeaX"
     >
       <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-hEsumM kEJcgQ"
     >
       <a
         className="sc-feJyhm ikxcAj"
         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-hmzhuo cYAKWr"
   >
     <h4
       className="sc-jnlKLf geyYYg"
     >
       MigrationTestAlpha
     </h4>
     <div
       className="sc-kvZOFW cxOlCC"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
     className="sc-cJSrbW hStxoF"
   >
     <div
       className="sc-fYxtnH ixaKpj"
     >
       <button
         className="sc-tilXH bXRpMB"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
         className="sc-tilXH iayPhB"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
       className="sc-hEsumM fbHeaX"
     >
       <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-hEsumM kEJcgQ"
     >
       <a
         className="sc-feJyhm ikxcAj"
         href="/tokens"
         onClick={[Function]}
       >
         Create eToken
       </a>
       <div>
         <a
           href="/send-token/bd1acc4c986de57af8d6d2a64aecad8c30ee80f37ae9d066d758923732ddc9ba"
           onClick={[Function]}
         >
           <div
-            className="sc-kEYyzF hdwThf"
+            className="sc-iAyFgw fIykat"
           >
             <div
-              className="sc-hMqMXs kbeXyQ"
+              className="sc-kkGfuU bUZIBS"
             >
               <div
-                className="sc-eNQAEJ fYyIyU"
+                className="sc-kEYyzF edBbzK"
               />
               <h4>
                 TBS
               </h4>
             </div>
             <h4>
               6.001
             </h4>
           </div>
         </a>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
     className="sc-hmzhuo cYAKWr"
   >
     <h4
       className="sc-jnlKLf geyYYg"
     >
       MigrationTestAlpha
     </h4>
     <div
       className="sc-kvZOFW cxOlCC"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
     className="sc-cJSrbW hStxoF"
   >
     <div
       className="sc-fYxtnH ixaKpj"
     >
       <button
         className="sc-tilXH bXRpMB"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
         className="sc-tilXH iayPhB"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
       className="sc-hEsumM fbHeaX"
     >
       <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-hEsumM kEJcgQ"
     >
       <a
         className="sc-feJyhm ikxcAj"
         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-dxgOiQ cWRZZO"
+  className="sc-jKJlTe dtdOPB"
 >
   <h2>
     Welcome to Cashtab!
   </h2>
   <p
-    className="sc-ckVGcZ gYVrKF"
+    className="sc-eNQAEJ jDkKnj"
   >
     Cashtab is an
      
     <a
-      className="sc-jKJlTe icnQEd"
+      className="sc-hMqMXs JqwcT"
       href="https://github.com/bitcoin-abc/bitcoin-abc"
       rel="noreferrer"
       target="_blank"
     >
       open source,
     </a>
      
     non-custodial web wallet for 
     eCash
     .
     <br />
     <br />
     Want to learn more?
      
     <a
-      className="sc-jKJlTe icnQEd"
+      className="sc-hMqMXs JqwcT"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
     >
       Check out the Cashtab documentation.
     </a>
   </p>
   <button
-    className="sc-chPdSV bWFpkA"
+    className="sc-kGXeez fPsebQ"
     onClick={[Function]}
   >
     <span
       aria-label="plus-square"
       className="anticon anticon-plus-square"
       role="img"
     >
       <svg
         aria-hidden="true"
         data-icon="plus-square"
         fill="currentColor"
         focusable="false"
         height="1em"
         viewBox="64 64 896 896"
         width="1em"
       >
         <path
           d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
         />
         <path
           d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
         />
       </svg>
     </span>
      New Wallet
   </button>
   <button
-    className="sc-kgoBCf hCCasR"
+    className="sc-kpOJdX jLOxVU"
     onClick={[Function]}
   >
     <span
       aria-label="import"
       className="anticon anticon-import"
       role="img"
     >
       <svg
         aria-hidden="true"
         data-icon="import"
         fill="currentColor"
         focusable="false"
         height="1em"
         viewBox="64 64 896 896"
         width="1em"
       >
         <path
           d="M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zM902 476H588v-76c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-76h314c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
         />
       </svg>
     </span>
      Import Wallet
   </button>
 </div>
 `;
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 9908d4e34..1a5b2a422 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-Rmtcm ggWhsG"
+  className="sc-hzDkRC jpmyIp"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-hMqMXs kePvzG"
+      className="sc-kkGfuU glXUgJ"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-eNQAEJ kHsxgJ"
+      className="sc-kEYyzF gsdwMY"
       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-iAyFgw goUWhE notranslate"
+      className="sc-eHgmQL btMJHq notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-kEYyzF bVAZnO"
+        className="sc-iAyFgw eTfFuJ"
       >
         ecash:
       </span>
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-bRBYWo dWFgdQ"
+    className="sc-jhAzac iUZUeb"
   >
     <div
-      className="sc-hzDkRC jtinbH"
+      className="sc-fBuWsC cFysrL"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-hzDkRC jtinbH nonactiveBtn"
+      className="sc-fBuWsC cFysrL nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 <div
-  className="sc-Rmtcm ggWhsG"
+  className="sc-hzDkRC jpmyIp"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-hMqMXs kePvzG"
+      className="sc-kkGfuU glXUgJ"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-eNQAEJ kHsxgJ"
+      className="sc-kEYyzF gsdwMY"
       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-iAyFgw goUWhE notranslate"
+      className="sc-eHgmQL btMJHq notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-kEYyzF bVAZnO"
+        className="sc-iAyFgw eTfFuJ"
       >
         ecash:
       </span>
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-bRBYWo dWFgdQ"
+    className="sc-jhAzac iUZUeb"
   >
     <div
-      className="sc-hzDkRC jtinbH"
+      className="sc-fBuWsC cFysrL"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-hzDkRC jtinbH nonactiveBtn"
+      className="sc-fBuWsC cFysrL nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 <div
-  className="sc-Rmtcm ggWhsG"
+  className="sc-hzDkRC jpmyIp"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-hMqMXs kePvzG"
+      className="sc-kkGfuU glXUgJ"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-eNQAEJ kHsxgJ"
+      className="sc-kEYyzF gsdwMY"
       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-iAyFgw goUWhE notranslate"
+      className="sc-eHgmQL btMJHq notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-kEYyzF bVAZnO"
+        className="sc-iAyFgw eTfFuJ"
       >
         ecash:
       </span>
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-bRBYWo dWFgdQ"
+    className="sc-jhAzac iUZUeb"
   >
     <div
-      className="sc-hzDkRC jtinbH"
+      className="sc-fBuWsC cFysrL"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-hzDkRC jtinbH nonactiveBtn"
+      className="sc-fBuWsC cFysrL nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 <div
-  className="sc-Rmtcm ggWhsG"
+  className="sc-hzDkRC jpmyIp"
 >
   <h2>
     Receive 
     XEC
   </h2>
   <div
     onClick={[Function]}
     style={
       Object {
         "display": "inline-block",
         "position": "relative",
         "width": "100%",
       }
     }
   >
     <div
-      className="sc-hMqMXs kePvzG"
+      className="sc-kkGfuU glXUgJ"
       style={
         Object {
           "display": "none",
         }
       }
     >
       Copied 
       <br />
       <span
         style={
           Object {
             "fontSize": "12px",
           }
         }
       >
         ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd
       </span>
     </div>
     <svg
-      className="sc-eNQAEJ kHsxgJ"
+      className="sc-kEYyzF gsdwMY"
       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-iAyFgw goUWhE notranslate"
+      className="sc-eHgmQL btMJHq notranslate"
     >
       <input
         readOnly={true}
         spellCheck="false"
         type="text"
         value="ecash:qzagy47mvh6qxkvcn3acjnz73rkhkc6y7ccxkrr6zd"
       />
       <span
-        className="sc-kEYyzF bVAZnO"
+        className="sc-iAyFgw eTfFuJ"
       >
         ecash:
       </span>
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         qzagy47m
       </span>
       vh6qxkvcn3acjnz73rkhkc6y7c
       <span
-        className="sc-kkGfuU dQkPqj"
+        className="sc-hSdWYo gBAUha"
       >
         cxkrr6zd
       </span>
     </div>
   </div>
   <div
-    className="sc-bRBYWo dWFgdQ"
+    className="sc-jhAzac iUZUeb"
   >
     <div
-      className="sc-hzDkRC jtinbH"
+      className="sc-fBuWsC cFysrL"
       onClick={[Function]}
     >
       XEC
     </div>
     <div
-      className="sc-hzDkRC jtinbH nonactiveBtn"
+      className="sc-fBuWsC cFysrL nonactiveBtn"
       onClick={[Function]}
     >
       eToken
     </div>
   </div>
 </div>
 `;
 
 exports[`Without wallet defined 1`] = `
 <div
-  className="sc-dxgOiQ cWRZZO"
+  className="sc-jKJlTe dtdOPB"
 >
   <h2>
     Welcome to Cashtab!
   </h2>
   <p
-    className="sc-ckVGcZ gYVrKF"
+    className="sc-eNQAEJ jDkKnj"
   >
     Cashtab is an
      
     <a
-      className="sc-jKJlTe icnQEd"
+      className="sc-hMqMXs JqwcT"
       href="https://github.com/bitcoin-abc/bitcoin-abc"
       rel="noreferrer"
       target="_blank"
     >
       open source,
     </a>
      
     non-custodial web wallet for 
     eCash
     .
     <br />
     <br />
     Want to learn more?
      
     <a
-      className="sc-jKJlTe icnQEd"
+      className="sc-hMqMXs JqwcT"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
     >
       Check out the Cashtab documentation.
     </a>
   </p>
   <button
-    className="sc-chPdSV bWFpkA"
+    className="sc-kGXeez fPsebQ"
     onClick={[Function]}
   >
     <span
       aria-label="plus-square"
       className="anticon anticon-plus-square"
       role="img"
     >
       <svg
         aria-hidden="true"
         data-icon="plus-square"
         fill="currentColor"
         focusable="false"
         height="1em"
         viewBox="64 64 896 896"
         width="1em"
       >
         <path
           d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
         />
         <path
           d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
         />
       </svg>
     </span>
      New Wallet
   </button>
   <button
-    className="sc-kgoBCf hCCasR"
+    className="sc-kpOJdX jLOxVU"
     onClick={[Function]}
   >
     <span
       aria-label="import"
       className="anticon anticon-import"
       role="img"
     >
       <svg
         aria-hidden="true"
         data-icon="import"
         fill="currentColor"
         focusable="false"
         height="1em"
         viewBox="64 64 896 896"
         width="1em"
       >
         <path
           d="M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zM902 476H588v-76c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-76h314c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
         />
       </svg>
     </span>
      Import Wallet
   </button>
 </div>
 `;
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 8d5880af7..92c0aff9a 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-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <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-fBuWsC jgvAbf"
+            className="sc-dVhcbM hjOMtW"
           >
             <label
-              className="sc-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Send to
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-VigVT jPrdqZ"
+                              className="sc-fjdhpX lnKJWB"
                               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-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Amount
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-kAzzGY hVyOwU"
+                          className="sc-kgoBCf geHQWv"
                           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-jhAzac czfDUS"
+            className="sc-fMiknA dMCiTY"
           >
             <h3
-              className="sc-fMiknA eYsQBU"
+              className="sc-eqIVtm dDdwQv"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-gPEVay bOUoOT"
+              className="sc-jlyJG evBTb"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-eNQAEJ dOAXiV"
+              className="sc-kEYyzF fEPvzM"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kGXeez fexpdX"
+            className="sc-dxgOiQ iPcCXY"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+              className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
               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-kgoBCf kVSTZj"
+                    className="sc-kpOJdX kAzjOl"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <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-fBuWsC jgvAbf"
+            className="sc-dVhcbM hjOMtW"
           >
             <label
-              className="sc-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Send to
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-VigVT jPrdqZ"
+                              className="sc-fjdhpX lnKJWB"
                               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-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Amount
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-kAzzGY hVyOwU"
+                          className="sc-kgoBCf geHQWv"
                           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-jhAzac czfDUS"
+            className="sc-fMiknA dMCiTY"
           >
             <h3
-              className="sc-fMiknA eYsQBU"
+              className="sc-eqIVtm dDdwQv"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-gPEVay bOUoOT"
+              className="sc-jlyJG evBTb"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-eNQAEJ dOAXiV"
+              className="sc-kEYyzF fEPvzM"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kGXeez fexpdX"
+            className="sc-dxgOiQ iPcCXY"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+              className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
               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-kgoBCf kVSTZj"
+                    className="sc-kpOJdX kAzjOl"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 Array [
   <div
-    className="sc-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-jWBwVP gdMlXD"
+      className="sc-cMljjf coNPHF"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <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-fBuWsC jgvAbf"
+            className="sc-dVhcbM hjOMtW"
           >
             <label
-              className="sc-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Send to
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-VigVT jPrdqZ"
+                              className="sc-fjdhpX lnKJWB"
                               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-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Amount
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-kAzzGY hVyOwU"
+                          className="sc-kgoBCf geHQWv"
                           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-jhAzac czfDUS"
+            className="sc-fMiknA dMCiTY"
           >
             <h3
-              className="sc-fMiknA eYsQBU"
+              className="sc-eqIVtm dDdwQv"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-gPEVay bOUoOT"
+              className="sc-jlyJG evBTb"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-ckVGcZ hUbpO"
+              className="sc-eNQAEJ cQeDXN"
               onClick={[Function]}
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kGXeez fexpdX"
+            className="sc-dxgOiQ iPcCXY"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+              className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
               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-kgoBCf kVSTZj"
+                    className="sc-kpOJdX kAzjOl"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <h4
-      className="sc-gipzik gGlSHN"
+      className="sc-Rmtcm eLIA"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <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-fBuWsC jgvAbf"
+            className="sc-dVhcbM hjOMtW"
           >
             <label
-              className="sc-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Send to
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-VigVT jPrdqZ"
+                              className="sc-fjdhpX lnKJWB"
                               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-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Amount
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-kAzzGY hVyOwU"
+                          className="sc-kgoBCf geHQWv"
                           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-jhAzac czfDUS"
+            className="sc-fMiknA dMCiTY"
           >
             <h3
-              className="sc-fMiknA eYsQBU"
+              className="sc-eqIVtm dDdwQv"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-gPEVay bOUoOT"
+              className="sc-jlyJG evBTb"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-eNQAEJ dOAXiV"
+              className="sc-kEYyzF fEPvzM"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kGXeez fexpdX"
+            className="sc-dxgOiQ iPcCXY"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+              className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
               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-kgoBCf kVSTZj"
+                    className="sc-kpOJdX kAzjOl"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Verify Message
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-eHgmQL esgeHR"
+    className="sc-jWBwVP cbXqTI"
   >
     <div
-      className="sc-brqgnP jHOLle"
+      className="sc-jAaTju Vyslf"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-iAyFgw eRQdeW"
+    className="sc-eHgmQL kvZwAq"
   >
     <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-fBuWsC jgvAbf"
+            className="sc-dVhcbM hjOMtW"
           >
             <label
-              className="sc-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Send to
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-VigVT jPrdqZ"
+                              className="sc-fjdhpX lnKJWB"
                               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-hSdWYo bWWjLk"
+              className="sc-cvbbAY gzZtxq"
             >
               Amount
             </label>
             <div
-              className="sc-jzJRlG kGXhCS"
+              className="sc-kAzzGY gNSAFi"
             >
               <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-kAzzGY hVyOwU"
+                          className="sc-kgoBCf geHQWv"
                           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-jhAzac czfDUS"
+            className="sc-fMiknA dMCiTY"
           >
             <h3
-              className="sc-fMiknA eYsQBU"
+              className="sc-eqIVtm dDdwQv"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-gPEVay bOUoOT"
+              className="sc-jlyJG evBTb"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-eNQAEJ dOAXiV"
+              className="sc-kEYyzF fEPvzM"
             >
               Send
             </button>
           </div>
           <div
-            className="sc-kGXeez fexpdX"
+            className="sc-dxgOiQ iPcCXY"
           >
             <div
-              className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+              className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
               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-kgoBCf kVSTZj"
+                    className="sc-kpOJdX kAzjOl"
                   >
                     Advanced
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               Sign Message
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      className="sc-kGXeez fexpdX"
+      className="sc-dxgOiQ iPcCXY"
     >
       <div
-        className="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ kHtnVB"
+        className="ant-collapse ant-collapse-icon-position-left sc-jKJlTe bEMpDk"
         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-kgoBCf kVSTZj"
+              className="sc-kpOJdX kAzjOl"
             >
               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 ba795b9fa..43e0f9861 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-jKJlTe iSWneW"
+  className="sc-hMqMXs kjfrok"
 >
   <div
-    className="sc-kkGfuU fwBSar"
+    className="sc-hSdWYo bXDUps"
   >
     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-kgoBCf ckdTFj"
+          className="sc-kpOJdX dVfnbE"
         >
           <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-cSHVUG cSZBnH"
+                          className="sc-chPdSV lgTLHT"
                           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-kgoBCf ckdTFj"
+          className="sc-kpOJdX dVfnbE"
         >
           <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-kGXeez gFDMKt"
+                          className="sc-dxgOiQ bpDknu"
                           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-VigVT hSdIBd"
+            className="sc-fjdhpX eQicuE"
             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 5d865ade0..825f6cba9 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-gPEVay ktxapN"
+  className="sc-jlyJG iASpVZ"
 >
   <h3>
     Create a Token
   </h3>
   <div
-    className="sc-jzJRlG kGXhCS"
+    className="sc-kAzzGY gNSAFi"
   >
     <form
       className="ant-form ant-form-horizontal ant-form-small"
       onReset={[Function]}
       onSubmit={[Function]}
       style={
         Object {
           "width": "auto",
         }
       }
     >
       <label
-        className="sc-kkGfuU ekDVdV"
+        className="sc-hSdWYo bWWjLk"
       >
         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-kkGfuU ekDVdV"
+        className="sc-hSdWYo bWWjLk"
       >
         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-kkGfuU ekDVdV"
+        className="sc-hSdWYo bWWjLk"
       >
         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-kkGfuU ekDVdV"
+        className="sc-hSdWYo bWWjLk"
       >
         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-kkGfuU ekDVdV"
+        className="sc-hSdWYo bWWjLk"
       >
         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-kkGfuU ekDVdV"
+        className="sc-hSdWYo bWWjLk"
       >
         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-jKJlTe cxrKVk"
+    className="sc-hMqMXs dakUFc"
     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 8c4037f34..ffb3fc949 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-iAyFgw chWhWK"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-csuQGl bKOZxQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-eHgmQL znFwg"
+      className="sc-jWBwVP gdMlXD"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kEYyzF gZfJyA"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
-      className="sc-gPEVay ktxapN"
+      className="sc-jlyJG iASpVZ"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-cMljjf gKObdA"
+      className="sc-jDwBTQ bcLZea"
     >
       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-iAyFgw chWhWK"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-csuQGl bKOZxQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-eHgmQL znFwg"
+      className="sc-jWBwVP gdMlXD"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kEYyzF gZfJyA"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
-      className="sc-gPEVay ktxapN"
+      className="sc-jlyJG iASpVZ"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-cMljjf gKObdA"
+      className="sc-jDwBTQ bcLZea"
     >
       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-iAyFgw chWhWK"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-csuQGl bKOZxQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-eHgmQL znFwg"
+      className="sc-jWBwVP gdMlXD"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kEYyzF gZfJyA"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
-      className="sc-gPEVay ktxapN"
+      className="sc-jlyJG iASpVZ"
     >
       <h3>
         Create a Token
       </h3>
       <div
-        className="sc-jzJRlG kGXhCS"
+        className="sc-kAzzGY gNSAFi"
       >
         <form
           className="ant-form ant-form-horizontal ant-form-small"
           onReset={[Function]}
           onSubmit={[Function]}
           style={
             Object {
               "width": "auto",
             }
           }
         >
           <label
-            className="sc-kkGfuU ekDVdV"
+            className="sc-hSdWYo bWWjLk"
           >
             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-kkGfuU ekDVdV"
+            className="sc-hSdWYo bWWjLk"
           >
             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-kkGfuU ekDVdV"
+            className="sc-hSdWYo bWWjLk"
           >
             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-kkGfuU ekDVdV"
+            className="sc-hSdWYo bWWjLk"
           >
             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-kkGfuU ekDVdV"
+            className="sc-hSdWYo bWWjLk"
           >
             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-kkGfuU ekDVdV"
+            className="sc-hSdWYo bWWjLk"
           >
             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-jKJlTe cxrKVk"
+        className="sc-hMqMXs dakUFc"
         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-iAyFgw chWhWK"
+    className="sc-eHgmQL esgeHR"
   >
     <h4
-      className="sc-jlyJG fgeSBQ"
+      className="sc-csuQGl bKOZxQ"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-eHgmQL znFwg"
+      className="sc-jWBwVP gdMlXD"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kEYyzF gZfJyA"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
-      className="sc-gPEVay ktxapN"
+      className="sc-jlyJG iASpVZ"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-cMljjf gKObdA"
+      className="sc-jDwBTQ bcLZea"
     >
       You need at least
        
       5.5
        
       XEC
        (
       $
       NaN
        
       USD
       ) to create a token
     </p>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-iAyFgw chWhWK"
+    className="sc-eHgmQL esgeHR"
   >
     <div
-      className="sc-eHgmQL znFwg"
+      className="sc-jWBwVP gdMlXD"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kEYyzF gZfJyA"
+    className="sc-iAyFgw eRQdeW"
   >
     <div
-      className="sc-gPEVay ktxapN"
+      className="sc-jlyJG iASpVZ"
     >
       <h3>
         Create a Token
       </h3>
     </div>
     <p
-      className="sc-cMljjf gKObdA"
+      className="sc-jDwBTQ bcLZea"
     >
       You need at least
        
       5.5
        
       XEC
        (
       $
       NaN
        
       USD
       ) to create a token
     </p>
   </div>,
 ]
 `;