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 ac81fe733..772f11ccb 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,410 +1,410 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-kAzzGY itTQAx"
           role={null}
           style={
             Object {
               "marginBottom": "24px",
             }
           }
         >
           <div
-            className="ant-collapse-item sc-iRbamj dRzFJU"
+            className="ant-collapse-item sc-gPEVay gLoTx"
           >
             <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>
               XEC Airdrop Calculator
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-kAzzGY itTQAx"
           role={null}
           style={
             Object {
               "marginBottom": "24px",
             }
           }
         >
           <div
-            className="ant-collapse-item sc-iRbamj dRzFJU"
+            className="ant-collapse-item sc-gPEVay gLoTx"
           >
             <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>
               XEC Airdrop Calculator
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-iAyFgw sQyhO"
+      className="sc-kkGfuU fwBSar"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <br />,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-kAzzGY itTQAx"
           role={null}
           style={
             Object {
               "marginBottom": "24px",
             }
           }
         >
           <div
-            className="ant-collapse-item sc-iRbamj dRzFJU"
+            className="ant-collapse-item sc-gPEVay gLoTx"
           >
             <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>
               XEC Airdrop Calculator
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-kAzzGY itTQAx"
           role={null}
           style={
             Object {
               "marginBottom": "24px",
             }
           }
         >
           <div
-            className="ant-collapse-item sc-iRbamj dRzFJU"
+            className="ant-collapse-item sc-gPEVay gLoTx"
           >
             <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>
               XEC Airdrop Calculator
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <br />,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-kAzzGY itTQAx"
           role={null}
           style={
             Object {
               "marginBottom": "24px",
             }
           }
         >
           <div
-            className="ant-collapse-item sc-iRbamj dRzFJU"
+            className="ant-collapse-item sc-gPEVay gLoTx"
           >
             <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>
               XEC Airdrop Calculator
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
diff --git a/web/cashtab/src/components/Common/StyledCollapse.js b/web/cashtab/src/components/Common/StyledCollapse.js
index e98eb1be6..d6870230e 100644
--- a/web/cashtab/src/components/Common/StyledCollapse.js
+++ b/web/cashtab/src/components/Common/StyledCollapse.js
@@ -1,114 +1,93 @@
 import styled from 'styled-components';
 import { Collapse } from 'antd';
 
 export const StyledCollapse = styled(Collapse)`
     background: ${props => props.theme.collapses.background} !important;
     border: 1px solid ${props => props.theme.collapses.border} !important;
 
     .ant-collapse-content {
         border-top: none;
         background-color: ${props =>
             props.theme.collapses.expandedBackground} !important;
     }
 
     .ant-collapse-item {
         border-bottom: none !important;
     }
 
     *:not(button) {
         color: ${props => props.theme.collapses.color} !important;
     }
 `;
 
 export const TokenCollapse = styled(Collapse)`
     ${({ disabled = false, ...props }) =>
         disabled === true
             ? `
                 background: ${props.theme.buttons.secondary.background} !important;
            .ant-collapse-header {
                font-size: 18px;
                font-weight: bold;
                color: ${props.theme.buttons.secondary.color} !important;
                svg {
                    color: ${props.theme.buttons.secondary.color} !important;
                }
            }
            .ant-collapse-arrow {
                font-size: 18px;
            }
             `
             : `
                 background: ${props.theme.eCashBlue} !important;
            .ant-collapse-header {
                font-size: 18px;
                font-weight: bold;
                color: ${props.theme.contrast} !important;
                svg {
                    color: ${props.theme.contrast} !important;
                }
            }
            .ant-collapse-arrow {
                font-size: 18px;
            }
             `}
 `;
 
 export const AdvancedCollapse = styled(Collapse)`
     .ant-collapse-content {
         background-color: ${props =>
             props.theme.advancedCollapse.expandedBackground} !important;
     }
     ${({ disabled = false, ...props }) =>
         disabled === true
             ? `
                 background: ${props.theme.buttons.secondary.background} !important;
            .ant-collapse-header {
                font-size: 18px;
                font-weight: normal;
                color: ${props.theme.buttons.secondary.color} !important;
                svg {
                    color: ${props.theme.buttons.secondary.color} !important;
                }
            }
            .ant-collapse-arrow {
                font-size: 18px;
            }
             `
             : `
                 background: ${props.theme.advancedCollapse.background} !important;
            .ant-collapse-header {
                font-size: 18px;
                font-weight: bold;
                color: ${props.theme.advancedCollapse.color} !important;
                svg {
                    color: ${props.theme.advancedCollapse.icon} !important;
                }
            }
            .ant-collapse-arrow {
                font-size: 18px;
            }
         
             `}
 `;
 
-export const AntdContextCollapseWrapper = styled.div`
-    .ant-collapse {
-        border: none !important;
-        background-color: transparent !important;
-    }
-    .ant-collapse-item {
-        border: none !important;
-    }
-    .ant-collapse-header {
-        padding: 0 !important;
-        color: ${props => props.theme.forms.text} !important;
-    }
-    border-radius: 16px;
-    .ant-collapse-content-box {
-        padding-right: 0 !important;
-    }
-
-    @media screen and (max-width: 500px) {
-        grid-template-columns: 24px 30% 50%;
-    }
-`;
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 4543040d2..00eb38a6d 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,903 +1,903 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Configure with a wallet 1`] = `
 <div
   className="sc-gqjmRU dYraLr"
 >
   <div
-    className="sc-csuQGl eZvBpV"
+    className="sc-gipzik kiYvZB"
   >
     <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="ant-collapse ant-collapse-icon-position-left sc-dxgOiQ bWjuun"
       role={null}
     >
       <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>
           Click to reveal seed phrase
         </div>
       </div>
     </div>
     <div
-      className="sc-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     <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-cvbbAY fANdvl"
+      className="sc-eHgmQL bqOmSo"
       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-jWBwVP flWsBx"
+      className="sc-cvbbAY eOLbDk"
       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="sc-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     <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-iAyFgw gUggKW"
+      className="sc-kkGfuU kpUqYa"
     >
       <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-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     <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-bRBYWo kanoPY"
+      className="sc-Rmtcm cjHbHg"
     >
       <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-bRBYWo kanoPY"
+      className="sc-Rmtcm cjHbHg"
     >
       <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-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     [
     <a
-      className="sc-jAaTju ecfiNX"
+      className="sc-cMljjf jgvvXt"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
       type="link"
     >
       Documentation
     </a>
     ]
   </div>
 </div>
 `;
 
 exports[`Configure without a wallet 1`] = `
 <div
   className="sc-gqjmRU dYraLr"
 >
   <div
-    className="sc-csuQGl eZvBpV"
+    className="sc-gipzik kiYvZB"
   >
     <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-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     <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-cvbbAY fANdvl"
+      className="sc-eHgmQL bqOmSo"
       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-jWBwVP flWsBx"
+      className="sc-cvbbAY eOLbDk"
       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="sc-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     <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-iAyFgw gUggKW"
+      className="sc-kkGfuU kpUqYa"
     >
       <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-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     <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-bRBYWo kanoPY"
+      className="sc-Rmtcm cjHbHg"
     >
       <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-bRBYWo kanoPY"
+      className="sc-Rmtcm cjHbHg"
     >
       <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-Rmtcm bMMINr"
+      className="sc-csuQGl jFrAyw"
     />
     [
     <a
-      className="sc-jAaTju ecfiNX"
+      className="sc-cMljjf jgvvXt"
       href="https://docs.cashtab.com/docs/"
       rel="noreferrer"
       target="_blank"
       type="link"
     >
       Documentation
     </a>
     ]
   </div>
 </div>
 `;
diff --git a/web/cashtab/src/components/Home/Tx.js b/web/cashtab/src/components/Home/Tx.js
index 73677769d..1315a21e1 100644
--- a/web/cashtab/src/components/Home/Tx.js
+++ b/web/cashtab/src/components/Home/Tx.js
@@ -1,687 +1,708 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import {
     SendIcon,
     ReceiveIcon,
     GenesisIcon,
     UnparsedIcon,
 } from 'components/Common/CustomIcons';
 import { currency } from 'components/Common/Ticker';
 import { fromLegacyDecimals } from 'utils/cashMethods';
 import { formatBalance, formatDate } from 'utils/formatting';
 import TokenIcon from 'components/Tokens/TokenIcon';
 import { Collapse } from 'antd';
-import { AntdContextCollapseWrapper } from 'components/Common/StyledCollapse';
 import { generalNotification } from 'components/Common/Notifications';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import {
     ThemedCopySolid,
     ThemedLinkSolid,
 } from 'components/Common/CustomIcons';
 const TxIcon = styled.div`
     svg {
         width: 20px;
         height: 20px;
     }
     height: 40px;
     width: 40px;
     border: 1px solid #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100px;
 `;
 
 const SentTx = styled(TxIcon)`
     svg {
         margin-right: -3px;
     }
     fill: ${props => props.theme.contrast};
 `;
 const ReceivedTx = styled(TxIcon)`
     svg {
         fill: ${props => props.theme.eCashBlue};
     }
     border-color: ${props => props.theme.eCashBlue};
 `;
 const GenesisTx = styled(TxIcon)`
     border-color: ${props => props.theme.genesisGreen};
     svg {
         fill: ${props => props.theme.genesisGreen};
     }
 `;
 const UnparsedTx = styled(TxIcon)`
     color: ${props => props.theme.eCashBlue} !important;
 `;
 const DateType = styled.div`
     text-align: left;
     padding: 12px;
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
     }
 `;
 
 const LeftTextCtn = styled.div`
     text-align: left;
     display: flex;
     align-items: left;
     flex-direction: column;
     margin-left: 10px;
     h3 {
         color: ${props => props.theme.contrast};
         font-size: 14px;
         font-weight: 700;
         margin: 0;
     }
     .genesis {
         color: ${props => props.theme.genesisGreen};
     }
     .received {
         color: ${props => props.theme.eCashBlue};
     }
     h4 {
         font-size: 12px;
         color: ${props => props.theme.lightWhite};
         margin: 0;
     }
 `;
 
 const RightTextCtn = styled.div`
     text-align: right;
     display: flex;
     align-items: left;
     flex-direction: column;
     margin-left: 10px;
     h3 {
         color: ${props => props.theme.contrast};
         font-size: 14px;
         font-weight: 700;
         margin: 0;
     }
     .genesis {
         color: ${props => props.theme.genesisGreen};
     }
     .received {
         color: ${props => props.theme.eCashBlue};
     }
     h4 {
         font-size: 12px;
         color: ${props => props.theme.lightWhite};
         margin: 0;
     }
 `;
 const OpReturnType = styled.div`
     text-align: right;
     width: 100%;
     padding: 10px;
     border-radius: 5px;
     background: ${props => props.theme.sentMessage};
     margin-top: 15px;
     h4 {
         color: ${props => props.theme.lightWhite};
         margin: 0;
         font-size: 12px;
         display: inline-block;
     }
     p {
         color: ${props => props.theme.contrast};
         margin: 0;
         font-size: 14px;
         margin-bottom: 10px;
         overflow-wrap: break-word;
     }
     a {
         color: ${props => props.theme.contrast};
         margin: 0;
         font-size: 10px;
         border: 1px solid ${props => props.theme.contrast};
         border-radius: 5px;
         padding: 2px 10px;
         opacity: 0.6;
     }
     a:hover {
         opacity: 1;
         border-color: ${props => props.theme.eCashBlue};
         color: ${props => props.theme.contrast};
         background: ${props => props.theme.eCashBlue};
     }
     ${({ received, ...props }) =>
         received &&
         `
         text-align: left;    
         background: ${props.theme.receivedMessage};
   `}
 `;
 
 const ReceivedLabel = styled.span`
     font-weight: bold;
     color: ${props => props.theme.eCashBlue} !important;
 `;
 
 const EncryptionMessageLabel = styled.span`
     font-weight: bold;
     font-size: 12px;
     color: ${props => props.theme.encryptionRed};
     white-space: nowrap;
 `;
 const UnauthorizedDecryptionMessage = styled.span`
     text-align: left;
     color: ${props => props.theme.encryptionRed};
     white-space: nowrap;
     font-style: italic;
 `;
 
 const TxInfo = styled.div`
     text-align: right;
     display: flex;
     align-items: left;
     flex-direction: column;
     margin-left: 10px;
     flex-grow: 2;
     h3 {
         color: ${props => props.theme.contrast};
         font-size: 14px;
         font-weight: 700;
         margin: 0;
     }
     .genesis {
         color: ${props => props.theme.genesisGreen};
     }
     .received {
         color: ${props => props.theme.eCashBlue};
     }
     h4 {
         font-size: 12px;
         color: ${props => props.theme.lightWhite};
         margin: 0;
     }
 
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
     }
 `;
 
 const TokenInfo = styled.div`
     display: flex;
     flex-grow: 1;
     justify-content: flex-end;
 
     color: ${props =>
         props.outgoing ? props.theme.secondary : props.theme.eCashBlue};
 
     @media screen and (max-width: 500px) {
         font-size: 0.8rem;
         grid-template-columns: 16px auto;
     }
 `;
 const TxTokenIcon = styled.div`
     img {
         height: 24px;
         width: 24px;
     }
     @media screen and (max-width: 500px) {
         img {
             height: 16px;
             width: 16px;
         }
     }
     grid-column-start: 1;
     grid-column-end: span 1;
     grid-row-start: 1;
     grid-row-end: span 2;
     align-self: center;
 `;
 const TokenTxAmt = styled.h3`
     text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 `;
 const TokenName = styled.h4`
     text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 `;
 
 const TxWrapper = styled.div`
     display: flex;
     align-items: center;
     border-top: 1px solid rgba(255, 255, 255, 0.12);
     color: ${props => props.theme.contrast};
     padding: 10px 0;
     flex-wrap: wrap;
     width: 100%;
 `;
 
+const AntdContextCollapseWrapper = styled.div`
+    .ant-collapse {
+        border: none !important;
+        background-color: transparent !important;
+    }
+    .ant-collapse-item {
+        border: none !important;
+    }
+    .ant-collapse-header {
+        padding: 0 !important;
+        color: ${props => props.theme.forms.text} !important;
+    }
+    border-radius: 16px;
+    .ant-collapse-content-box {
+        padding-right: 0 !important;
+    }
+
+    @media screen and (max-width: 500px) {
+        grid-template-columns: 24px 30% 50%;
+    }
+`;
+
 const Panel = Collapse.Panel;
 
 const DropdownIconWrapper = styled.div`
     display: flex;
     align-items: center;
     gap: 4px;
 `;
 
 const TextLayer = styled.div`
     font-size: 12px;
     color: ${props => props.theme.contrast};
 `;
 
 const DropdownButton = styled.button`
     display: flex;
     justify-content: flex-end;
     background-color: ${props => props.theme.walletBackground};
     border: none;
     cursor: pointer;
     padding: 0;
     &:hover {
         div {
             color: ${props => props.theme.eCashBlue}!important;
         }
         svg {
             fill: ${props => props.theme.eCashBlue}!important;
         }
     }
 `;
 const PanelCtn = styled.div`
     display: flex;
     justify-content: flex-end;
     right: 0;
     gap: 8px;
 `;
 
-export const TxLink = styled.a`
+const TxLink = styled.a`
     color: ${props => props.theme.primary};
 `;
 
 const Tx = ({ data, fiatPrice, fiatCurrency }) => {
     const txDate =
         typeof data.blocktime === 'undefined'
             ? formatDate()
             : formatDate(data.blocktime, navigator.language);
     // if data only includes height and txid, then the tx could not be parsed by cashtab
     // render as such but keep link to block explorer
     let unparsedTx = false;
     if (!Object.keys(data).includes('outgoingTx')) {
         unparsedTx = true;
     }
     return (
         <>
             {unparsedTx ? (
                 <TxWrapper>
                     <UnparsedTx>
                         <UnparsedIcon />
                     </UnparsedTx>
 
                     <DateType>
                         <ReceivedLabel>Unparsed</ReceivedLabel>
                         <br />
                         {txDate}
                     </DateType>
                     <TxInfo>Open in Explorer</TxInfo>
                 </TxWrapper>
             ) : (
                 <AntdContextCollapseWrapper className="antd-collapse">
                     <Collapse bordered={false}>
                         <Panel
                             showArrow={false}
                             header={
                                 <>
                                     <TxWrapper>
                                         {data.outgoingTx ? (
                                             <>
                                                 {data.tokenTx &&
                                                 data.tokenInfo
                                                     .transactionType ===
                                                     'GENESIS' ? (
                                                     <GenesisTx>
                                                         <GenesisIcon />
                                                     </GenesisTx>
                                                 ) : (
                                                     <SentTx>
                                                         <SendIcon />
                                                     </SentTx>
                                                 )}
                                             </>
                                         ) : (
                                             <ReceivedTx>
                                                 <ReceiveIcon />
                                             </ReceivedTx>
                                         )}
 
                                         <LeftTextCtn>
                                             {data.outgoingTx ? (
                                                 <>
                                                     {data.tokenTx &&
                                                     data.tokenInfo
                                                         .transactionType ===
                                                         'GENESIS' ? (
                                                         <h3 className="genesis">
                                                             Genesis
                                                         </h3>
                                                     ) : (
                                                         <h3 className="sent">
                                                             Sent
                                                         </h3>
                                                     )}
                                                 </>
                                             ) : (
                                                 <h3 className="received">
                                                     Received
                                                 </h3>
                                             )}
                                             <h4>{txDate}</h4>
                                         </LeftTextCtn>
                                         {data.tokenTx ? (
                                             <TokenInfo
                                                 outgoing={data.outgoingTx}
                                             >
                                                 {data.tokenTx &&
                                                 data.tokenInfo ? (
                                                     <>
                                                         <TxTokenIcon>
                                                             <TokenIcon
                                                                 size={32}
                                                                 tokenId={
                                                                     data
                                                                         .tokenInfo
                                                                         .tokenId
                                                                 }
                                                             />
                                                         </TxTokenIcon>
                                                         {data.outgoingTx ? (
                                                             <RightTextCtn>
                                                                 {data.tokenInfo
                                                                     .transactionType ===
                                                                 'GENESIS' ? (
                                                                     <>
                                                                         <TokenTxAmt className="genesis">
                                                                             +{' '}
                                                                             {data.tokenInfo.qtyReceived.toString()}
                                                                             &nbsp;
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenTicker
                                                                             }
                                                                         </TokenTxAmt>
                                                                         <TokenName>
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenName
                                                                             }
                                                                         </TokenName>
                                                                     </>
                                                                 ) : (
                                                                     <>
                                                                         <TokenTxAmt>
                                                                             -{' '}
                                                                             {data.tokenInfo.qtySent.toString()}
                                                                             &nbsp;
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenTicker
                                                                             }
                                                                         </TokenTxAmt>
                                                                         <TokenName>
                                                                             {
                                                                                 data
                                                                                     .tokenInfo
                                                                                     .tokenName
                                                                             }
                                                                         </TokenName>
                                                                     </>
                                                                 )}
                                                             </RightTextCtn>
                                                         ) : (
                                                             <RightTextCtn>
                                                                 <TokenTxAmt className="received">
                                                                     +{' '}
                                                                     {data.tokenInfo.qtyReceived.toString()}
                                                                     &nbsp;
                                                                     {
                                                                         data
                                                                             .tokenInfo
                                                                             .tokenTicker
                                                                     }
                                                                 </TokenTxAmt>
                                                                 <TokenName>
                                                                     {
                                                                         data
                                                                             .tokenInfo
                                                                             .tokenName
                                                                     }
                                                                 </TokenName>
                                                             </RightTextCtn>
                                                         )}
                                                     </>
                                                 ) : (
                                                     <span>Token Tx</span>
                                                 )}
                                             </TokenInfo>
                                         ) : (
                                             <>
                                                 <TxInfo
                                                     outgoing={data.outgoingTx}
                                                 >
                                                     {data.outgoingTx ? (
                                                         <>
                                                             <h3>
                                                                 -
                                                                 {formatBalance(
                                                                     fromLegacyDecimals(
                                                                         data.amountSent,
                                                                     ),
                                                                 )}{' '}
                                                                 {
                                                                     currency.ticker
                                                                 }
                                                             </h3>
                                                             {fiatPrice !==
                                                                 null &&
                                                                 !isNaN(
                                                                     data.amountSent,
                                                                 ) && (
                                                                     <h4>
                                                                         -
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies[
                                                                                 fiatCurrency
                                                                             ]
                                                                                 .symbol
                                                                         }
                                                                         {(
                                                                             fromLegacyDecimals(
                                                                                 data.amountSent,
                                                                             ) *
                                                                             fiatPrice
                                                                         ).toFixed(
                                                                             2,
                                                                         )}{' '}
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies
                                                                                 .fiatCurrency
                                                                         }
                                                                     </h4>
                                                                 )}
                                                         </>
                                                     ) : (
                                                         <>
                                                             <h3 className="received">
                                                                 +
                                                                 {formatBalance(
                                                                     fromLegacyDecimals(
                                                                         data.amountReceived,
                                                                     ),
                                                                 )}{' '}
                                                                 {
                                                                     currency.ticker
                                                                 }
                                                             </h3>
                                                             {fiatPrice !==
                                                                 null &&
                                                                 !isNaN(
                                                                     data.amountReceived,
                                                                 ) && (
                                                                     <h4>
                                                                         +
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies[
                                                                                 fiatCurrency
                                                                             ]
                                                                                 .symbol
                                                                         }
                                                                         {(
                                                                             fromLegacyDecimals(
                                                                                 data.amountReceived,
                                                                             ) *
                                                                             fiatPrice
                                                                         ).toFixed(
                                                                             2,
                                                                         )}{' '}
                                                                         {
                                                                             currency
                                                                                 .fiatCurrencies
                                                                                 .fiatCurrency
                                                                         }
                                                                     </h4>
                                                                 )}
                                                         </>
                                                     )}
                                                 </TxInfo>
                                             </>
                                         )}
                                         {data.opReturnMessage && (
                                             <>
                                                 <OpReturnType
                                                     received={!data.outgoingTx}
                                                 >
                                                     {data.isCashtabMessage ? (
                                                         <h4>Cashtab Message</h4>
                                                     ) : (
                                                         <h4>
                                                             External Message
                                                         </h4>
                                                     )}
                                                     {data.isEncryptedMessage ? (
                                                         <EncryptionMessageLabel>
                                                             &nbsp;-&nbsp;Encrypted
                                                         </EncryptionMessageLabel>
                                                     ) : (
                                                         ''
                                                     )}
                                                     <br />
                                                     {/*unencrypted OP_RETURN Message*/}
                                                     {data.opReturnMessage &&
                                                     !data.isEncryptedMessage ? (
                                                         <p>
                                                             {
                                                                 data.opReturnMessage
                                                             }
                                                         </p>
                                                     ) : (
                                                         ''
                                                     )}
                                                     {/*encrypted and wallet is authorized to view OP_RETURN Message*/}
                                                     {data.opReturnMessage &&
                                                     data.isEncryptedMessage &&
                                                     data.decryptionSuccess ? (
                                                         <p>
                                                             {
                                                                 data.opReturnMessage
                                                             }
                                                         </p>
                                                     ) : (
                                                         ''
                                                     )}
                                                     {/*encrypted but wallet is not authorized to view OP_RETURN Message*/}
                                                     {data.opReturnMessage &&
                                                     data.isEncryptedMessage &&
                                                     !data.decryptionSuccess ? (
                                                         <UnauthorizedDecryptionMessage>
                                                             {
                                                                 data.opReturnMessage
                                                             }
                                                         </UnauthorizedDecryptionMessage>
                                                     ) : (
                                                         ''
                                                     )}
                                                     {!data.outgoingTx &&
                                                     data.replyAddress ? (
                                                         <Link
                                                             to={{
                                                                 pathname: `/send`,
                                                                 state: {
                                                                     replyAddress:
                                                                         data.replyAddress,
                                                                 },
                                                             }}
                                                         >
                                                             Reply To Message
                                                         </Link>
                                                     ) : (
                                                         ''
                                                     )}
                                                 </OpReturnType>
                                             </>
                                         )}
                                     </TxWrapper>
                                 </>
                             }
                         >
                             <PanelCtn>
                                 <CopyToClipboard text={data.txid}>
                                     <DropdownButton
                                         onClick={() => {
                                             generalNotification(
                                                 data.txid,
                                                 'Tx ID copied to clipboard',
                                             );
                                         }}
                                     >
                                         <DropdownIconWrapper>
                                             <TextLayer>Copy Tx ID</TextLayer>
 
                                             <ThemedCopySolid />
                                         </DropdownIconWrapper>
                                     </DropdownButton>
                                 </CopyToClipboard>
                                 <TxLink
                                     key={data.txid}
                                     href={`${currency.tokenExplorerUrl}/tx/${data.txid}`}
                                     target="_blank"
                                     rel="noreferrer"
                                 >
                                     <DropdownButton>
                                         <DropdownIconWrapper>
                                             <TextLayer>
                                                 View on be.cash
                                             </TextLayer>
 
                                             <ThemedLinkSolid />
                                         </DropdownIconWrapper>
                                     </DropdownButton>
                                 </TxLink>
                             </PanelCtn>
                         </Panel>
                     </Collapse>
                 </AntdContextCollapseWrapper>
             )}
         </>
     );
 };
 
 Tx.propTypes = {
     data: PropTypes.object,
     fiatPrice: PropTypes.number,
     fiatCurrency: PropTypes.string,
 };
 
 export default Tx;
diff --git a/web/cashtab/src/components/Home/__tests__/__snapshots__/Home.test.js.snap b/web/cashtab/src/components/Home/__tests__/__snapshots__/Home.test.js.snap
index 867f72521..ddcda11e3 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-TOsTZ iKrHwH"
+    className="sc-gisBJw Pbwzq"
   >
     <h4
-      className="sc-jqCOkK AdWOH"
+      className="sc-hqyNC bZwkim"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-cJSrbW jJgAKe"
+      className="sc-cHGsZl cfZcce"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kjoXOD hztaGH"
+    className="sc-fAjcbJ fQnUxV"
   >
     <div
-      className="sc-uJMKN dqGtqM"
+      className="sc-jbKcbu kOZarc"
     >
       <button
-        className="sc-bbmXgH dSfiPq"
+        className="sc-dNLxif khbcCA"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-bbmXgH itYgsC"
+        className="sc-dNLxif cCbTof"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-gGBfsJ hgvUuT"
+      className="sc-jqCOkK cmhuHs"
     >
       <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-gGBfsJ ZHSVU"
+      className="sc-jqCOkK QnMop"
     >
       <a
-        className="sc-hEsumM hFCfQE"
+        className="sc-jnlKLf dOBhfj"
         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-TOsTZ iKrHwH"
+    className="sc-gisBJw Pbwzq"
   >
     <h4
-      className="sc-jqCOkK AdWOH"
+      className="sc-hqyNC bZwkim"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-cJSrbW jJgAKe"
+      className="sc-cHGsZl cfZcce"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kjoXOD hztaGH"
+    className="sc-fAjcbJ fQnUxV"
   >
     <div
-      className="sc-uJMKN dqGtqM"
+      className="sc-jbKcbu kOZarc"
     >
       <button
-        className="sc-bbmXgH dSfiPq"
+        className="sc-dNLxif khbcCA"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-bbmXgH itYgsC"
+        className="sc-dNLxif cCbTof"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-gGBfsJ hgvUuT"
+      className="sc-jqCOkK cmhuHs"
     >
       <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-gGBfsJ ZHSVU"
+      className="sc-jqCOkK QnMop"
     >
       <a
-        className="sc-hEsumM hFCfQE"
+        className="sc-jnlKLf dOBhfj"
         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-TOsTZ iKrHwH"
+    className="sc-gisBJw Pbwzq"
   >
     <h4
-      className="sc-jqCOkK AdWOH"
+      className="sc-hqyNC bZwkim"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-cJSrbW jJgAKe"
+      className="sc-cHGsZl cfZcce"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kjoXOD hztaGH"
+    className="sc-fAjcbJ fQnUxV"
   >
     <div
-      className="sc-uJMKN dqGtqM"
+      className="sc-jbKcbu kOZarc"
     >
       <button
-        className="sc-bbmXgH dSfiPq"
+        className="sc-dNLxif khbcCA"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-bbmXgH itYgsC"
+        className="sc-dNLxif cCbTof"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-gGBfsJ hgvUuT"
+      className="sc-jqCOkK cmhuHs"
     >
       <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-gGBfsJ ZHSVU"
+      className="sc-jqCOkK QnMop"
     >
       <a
-        className="sc-hEsumM hFCfQE"
+        className="sc-jnlKLf dOBhfj"
         href="/tokens"
         onClick={[Function]}
       >
         Create eToken
       </a>
       <div>
         <a
           href="/send-token/bd1acc4c986de57af8d6d2a64aecad8c30ee80f37ae9d066d758923732ddc9ba"
           onClick={[Function]}
         >
           <div
             className="sc-jKJlTe kAuaWo"
           >
             <div
               className="sc-ckVGcZ bEssPW"
             >
               <div
                 className="sc-dxgOiQ jYBvaS"
               />
               <h4>
                 TBS
               </h4>
             </div>
             <h4>
               6.001
             </h4>
           </div>
         </a>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-TOsTZ iKrHwH"
+    className="sc-gisBJw Pbwzq"
   >
     <h4
-      className="sc-jqCOkK AdWOH"
+      className="sc-hqyNC bZwkim"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-cJSrbW jJgAKe"
+      className="sc-cHGsZl cfZcce"
     >
       0
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-kjoXOD hztaGH"
+    className="sc-fAjcbJ fQnUxV"
   >
     <div
-      className="sc-uJMKN dqGtqM"
+      className="sc-jbKcbu kOZarc"
     >
       <button
-        className="sc-bbmXgH dSfiPq"
+        className="sc-dNLxif khbcCA"
         onClick={[Function]}
       >
         Transactions
       </button>
       <button
-        className="sc-bbmXgH itYgsC"
+        className="sc-dNLxif cCbTof"
         onClick={[Function]}
       >
         eTokens
       </button>
     </div>
     <div
-      className="sc-gGBfsJ hgvUuT"
+      className="sc-jqCOkK cmhuHs"
     >
       <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-gGBfsJ ZHSVU"
+      className="sc-jqCOkK QnMop"
     >
       <a
-        className="sc-hEsumM hFCfQE"
+        className="sc-jnlKLf dOBhfj"
         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-kgoBCf fSWCfU"
 >
   <h2>
     Welcome to Cashtab!
   </h2>
   <p
     className="sc-kGXeez jSiNYN"
   >
     Cashtab is an
      
     <a
       className="sc-kpOJdX bHpWhL"
       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-kpOJdX bHpWhL"
       href="https://docs.cashtabapp.com/docs/"
       rel="noreferrer"
       target="_blank"
     >
       Check out the Cashtab documentation.
     </a>
   </p>
   <button
     className="sc-jzJRlG lltaza"
     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-cSHVUG kUJUGX"
     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 26105011d..34d34e85a 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,2621 +1,2621 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP @generated
 
 exports[`Wallet with BCH balances 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-Rmtcm dlZveL"
+            className="sc-csuQGl dhfZpF"
           >
             <label
-              className="sc-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Send to
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-iwsKbI cVxKUE"
                               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-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Amount
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-fjdhpX iLNQZG"
                           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-csuQGl ilVpJj"
+            className="sc-gipzik fHgLvO"
           >
             <h3
-              className="sc-bRBYWo geFgZg"
+              className="sc-Rmtcm jIbeuN"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-brqgnP hnAjV"
+              className="sc-jWBwVP cGFWak"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-kpOJdX kqPjxF"
+              className="sc-kGXeez cXnCgq"
             >
               Send
             </button>
           </div>
           <div>
             <div
               className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
               role={null}
               style={
                 Object {
                   "marginBottom": "12px",
                 }
               }
             >
               <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>
                   Advanced
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       role={null}
       style={
         Object {
           "marginBottom": "12px",
         }
       }
     >
       <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>
           Sign Message
         </div>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       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>
           Verify Message
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-Rmtcm dlZveL"
+            className="sc-csuQGl dhfZpF"
           >
             <label
-              className="sc-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Send to
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-iwsKbI cVxKUE"
                               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-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Amount
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-fjdhpX iLNQZG"
                           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-csuQGl ilVpJj"
+            className="sc-gipzik fHgLvO"
           >
             <h3
-              className="sc-bRBYWo geFgZg"
+              className="sc-Rmtcm jIbeuN"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-brqgnP hnAjV"
+              className="sc-jWBwVP cGFWak"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-kpOJdX kqPjxF"
+              className="sc-kGXeez cXnCgq"
             >
               Send
             </button>
           </div>
           <div>
             <div
               className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
               role={null}
               style={
                 Object {
                   "marginBottom": "12px",
                 }
               }
             >
               <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>
                   Advanced
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       role={null}
       style={
         Object {
           "marginBottom": "12px",
         }
       }
     >
       <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>
           Sign Message
         </div>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       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>
           Verify Message
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet with BCH balances and tokens and state field 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-iAyFgw sQyhO"
+      className="sc-kkGfuU fwBSar"
     >
       0.06
        
       XEC
     </div>
   </div>,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-Rmtcm dlZveL"
+            className="sc-csuQGl dhfZpF"
           >
             <label
-              className="sc-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Send to
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-iwsKbI cVxKUE"
                               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-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Amount
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-fjdhpX iLNQZG"
                           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-csuQGl ilVpJj"
+            className="sc-gipzik fHgLvO"
           >
             <h3
-              className="sc-bRBYWo geFgZg"
+              className="sc-Rmtcm jIbeuN"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-brqgnP hnAjV"
+              className="sc-jWBwVP cGFWak"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-kgoBCf dKKqLy"
+              className="sc-chPdSV bWFpkA"
               onClick={[Function]}
             >
               Send
             </button>
           </div>
           <div>
             <div
               className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
               role={null}
               style={
                 Object {
                   "marginBottom": "12px",
                 }
               }
             >
               <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>
                   Advanced
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       role={null}
       style={
         Object {
           "marginBottom": "12px",
         }
       }
     >
       <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>
           Sign Message
         </div>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       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>
           Verify Message
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Wallet without BCH balance 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <h4
-      className="sc-jDwBTQ fiRxiA"
+      className="sc-jAaTju iGBQkN"
     >
       MigrationTestAlpha
     </h4>
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-Rmtcm dlZveL"
+            className="sc-csuQGl dhfZpF"
           >
             <label
-              className="sc-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Send to
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-iwsKbI cVxKUE"
                               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-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Amount
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-fjdhpX iLNQZG"
                           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-csuQGl ilVpJj"
+            className="sc-gipzik fHgLvO"
           >
             <h3
-              className="sc-bRBYWo geFgZg"
+              className="sc-Rmtcm jIbeuN"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-brqgnP hnAjV"
+              className="sc-jWBwVP cGFWak"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-kpOJdX kqPjxF"
+              className="sc-kGXeez cXnCgq"
             >
               Send
             </button>
           </div>
           <div>
             <div
               className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
               role={null}
               style={
                 Object {
                   "marginBottom": "12px",
                 }
               }
             >
               <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>
                   Advanced
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       role={null}
       style={
         Object {
           "marginBottom": "12px",
         }
       }
     >
       <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>
           Sign Message
         </div>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       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>
           Verify Message
         </div>
       </div>
     </div>
   </div>,
 ]
 `;
 
 exports[`Without wallet defined 1`] = `
 Array [
   <div
-    className="sc-kEYyzF jJsgEo"
+    className="sc-hMqMXs kpJXFt"
   >
     <div
-      className="sc-hSdWYo kyjFNV"
+      className="sc-iAyFgw hxUtff"
     >
       You currently have 0 
       XEC
       <br />
       Deposit some funds to use this feature
     </div>
   </div>,
   <div
-    className="sc-eNQAEJ eAXuBE"
+    className="sc-jKJlTe iSWneW"
   >
     <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-Rmtcm dlZveL"
+            className="sc-csuQGl dhfZpF"
           >
             <label
-              className="sc-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Send to
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-iwsKbI cVxKUE"
                               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-hMqMXs cZKlBb"
+              className="sc-eNQAEJ kESMRD"
             >
               Amount
             </label>
             <div
               className="sc-VigVT jjiWJK"
             >
               <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-fjdhpX iLNQZG"
                           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-csuQGl ilVpJj"
+            className="sc-gipzik fHgLvO"
           >
             <h3
-              className="sc-bRBYWo geFgZg"
+              className="sc-Rmtcm jIbeuN"
             >
               0
                
               XEC
             </h3>
             <div
-              className="sc-brqgnP hnAjV"
+              className="sc-jWBwVP cGFWak"
             >
               =
                
               $  NaN USD
             </div>
           </div>
           <div
             style={
               Object {
                 "paddingTop": "12px",
               }
             }
           >
             <button
-              className="sc-kpOJdX kqPjxF"
+              className="sc-kGXeez cXnCgq"
             >
               Send
             </button>
           </div>
           <div>
             <div
               className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
               role={null}
               style={
                 Object {
                   "marginBottom": "12px",
                 }
               }
             >
               <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>
                   Advanced
                 </div>
               </div>
             </div>
           </div>
         </form>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       role={null}
       style={
         Object {
           "marginBottom": "12px",
         }
       }
     >
       <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>
           Sign Message
         </div>
       </div>
     </div>
     <div
       className="ant-collapse ant-collapse-icon-position-left sc-kAzzGY itTQAx"
       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>
           Verify Message
         </div>
       </div>
     </div>
   </div>,
 ]
 `;