diff --git a/web/cashtab/src/components/App.css b/web/cashtab/src/components/App.css
index be8a0f58e..f1069ca7a 100644
--- a/web/cashtab/src/components/App.css
+++ b/web/cashtab/src/components/App.css
@@ -1,340 +1,335 @@
 @import '~antd/dist/antd.less';
 @import '~@fortawesome/fontawesome-free/css/all.css';
 @import url('https://fonts.googleapis.com/css?family=Khula&display=swap&.css');
 
 @font-face {
     font-family: 'Roboto Mono';
     src: local('Roboto Mono'),
         url(../assets/fonts/RobotoMono-Regular.ttf) format('truetype');
     font-weight: normal;
 }
 
 /* Hide up and down arros on input type="number" */
 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
 
 /* Hide up and down arros on input type="number" */
 /* Firefox */
 input[type='number'] {
     -moz-appearance: textfield;
 }
 
 html,
 body {
     max-width: 100%;
     overflow-x: hidden;
 }
 
 .ant-modal-wrap.ant-modal-centered::-webkit-scrollbar {
     display: none;
 }
 
 .ant-list-item-meta .ant-list-item-meta-content {
     display: flex;
 }
 
 #react-qrcode-logo {
     border-radius: 8px;
 }
 
 .ant-card-actions > li > span:hover,
 .ant-btn:hover,
 .ant-btn:focus {
     color: #f59332;
     transition: color 0.3s;
     background-color: white;
 }
 
 .ant-card-actions > li {
     color: #3e3f42;
 }
 .anticon {
     color: #3e3f42;
 }
 .ant-list-item-meta-description,
 .ant-list-item-meta-title {
     color: #3e3f42;
 }
 
 .ant-list-item-meta-description > :first-child {
     right: 20px !important;
     position: absolute;
 }
 
 .ant-modal-body .ant-list-item-meta {
     height: 85px;
     width: 85px;
     padding-left: 10px;
     padding-top: 10px;
     padding-bottom: 20px;
     overflow: visible !important;
 }
 
 .identicon {
     border-radius: 50%;
     width: 200px;
     height: 200px;
     margin-top: -75px;
     margin-left: -75px;
     margin-bottom: 20px;
     box-shadow: 1px 1px 2px 1px #444;
 }
 .ant-list-item-meta {
     width: 40px;
     height: 40px;
 }
 
 .ant-checkbox-inner {
     border: 1px solid #eaedf3 !important;
     background: white;
 }
 
 .ant-checkbox-inner::after {
     border-color: white !important;
 }
 
 .ant-card-bordered {
     border: 1px solid rgb(234, 237, 243);
     border-radius: 8px;
 }
 
 .ant-card-actions {
     border-top: 1px solid rgb(234, 237, 243);
     border-bottom: 1px solid rgb(234, 237, 243);
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.35);
 }
 
 .ant-input-group-addon {
     background-color: #f4f4f4 !important;
     border: 1px solid rgb(234, 237, 243);
     color: #3e3f42 !important;
 }
 
 .ant-menu-item.ant-menu-item-selected > * {
     color: #fff !important;
 }
 
 .ant-menu-item.ant-menu-item-selected {
     border: 0;
     overflow: hidden;
     text-align: left;
     padding-left: 28px;
     background-color: rgba(255, 255, 255, 0.2) !important;
 }
 
 .ant-btn {
     border-radius: 8px;
     background-color: #fff;
     color: rgb(62, 63, 66);
     font-weight: bold;
 }
 
 .ant-card-actions > li:not(:last-child) {
     border-right: 0;
 }
 .ant-list-item-meta-avatar > img {
     margin-left: -12px;
     transform: translate(0, -6px);
 }
 
 .ant-list-item-meta-avatar > svg {
     margin-right: -70px;
 }
 
 .ant-layout-sider-dark {
     background: linear-gradient(0deg, #040c3c, #212c6e);
 }
 
 .ant-menu-dark {
     background: none;
 }
 
 .ant-layout-sider-zero-width-trigger.ant-layout-sider-zero-width-trigger-left
     .anticon.anticon-bars {
     color: #fff;
     transform: scale(1.3);
 }
 
 .ant-layout-sider-zero-width-trigger.ant-layout-sider-zero-width-trigger-left {
     background: #3e3f42;
     border-radius: 0 8px 8px 0;
 }
 
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
     border-right-color: transparent !important;
 }
 
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group .ant-btn-primary + .ant-btn-primary {
     border-left-color: #20242d !important;
 }
 
 .ant-popover-inner-content {
     color: white;
 }
 
 .ant-modal-body .ant-card {
     max-width: 100%;
 }
 
 .ant-upload.ant-upload-drag {
     border: 1px solid #eaedf3;
     border-radius: 8px;
     background: #d3d3d3;
 }
 
 .ant-upload-list-item:hover .ant-upload-list-item-info {
     background-color: #ffffff;
 }
 
 .ant-radio-group {
     width: 100%;
     margin-top: 10px;
 }
 
 .ant-radio-button-wrapper {
     background: rgba(255, 255, 255, 0.2);
     width: 104px;
     border: none;
     text-align: center;
     color: #fff;
 }
 
 .ant-radio-button-wrapper:hover {
     color: #fff;
     background: rgba(255, 255, 255, 0.3);
 }
 
 .ant-radio-group-small .ant-radio-button-wrapper {
     height: 35px;
     line-height: 35px;
 }
 
 .ant-radio-button-wrapper-checked {
     background: #ff8d00 !important;
     border: none !important;
 }
 
 .ant-radio-button-wrapper:first-child {
     border-radius: 100px 0 0 100px;
 }
 
 .ant-radio-button-wrapper:last-child {
     border-radius: 0 100px 100px 0;
 }
 
 ::selection {
     background-color: #ff8d00;
 }
 
 @media (max-width: 768px) {
     .ant-notification {
         width: 100%;
         top: 20px !important;
         max-width: unset;
         margin-right: 0;
     }
 }
 
 @media (max-width: 350px) {
     .ant-select-selection-selected-value {
         font-size: 10px;
     }
 }
 
-/*Custom color for CashSpin*/
-.ant-spin > span > svg {
-    fill: #ff8d00;
-}
-
 /*Custom Input Fields */
 input.ant-input,
 .ant-select-selection {
     background-color: #fff !important;
     box-shadow: none !important;
     border-radius: 4px;
     font-weight: bold;
     color: rgb(62, 63, 66);
     opacity: 1;
     height: 50px;
 }
 
 .ant-select-selection:hover {
     border: 1px solid #eaedf3;
 }
 
 .ant-select-selection-selected-value {
     color: rgb(62, 63, 66);
 }
 
 .ant-select-dropdown-menu-item {
     color: #444;
     background-color: #fff;
 }
 
 .ant-select-dropdown-menu-item-active,
 .ant-select-dropdown-menu-item:hover {
     color: #fff;
     background-color: #ff8d00 !important;
 }
 .selectedCurrencyOption:hover {
     color: #fff !important;
     background-color: #ff8d00 !important;
 }
 .ant-input-affix-wrapper {
     background-color: #fff;
     border: 1px solid #eaedf3 !important;
 }
 input.ant-input,
 .ant-select-selection {
     border: none;
 }
 .ant-input::placeholder {
     text-align: left;
 }
 .ant-select-selector {
     height: 60px !important;
     border: 1px solid #eaedf3 !important;
 }
 
 /*Revs with updated Antd*/
 .ant-select-single .ant-select-selector .ant-select-selection-item,
 .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
     line-height: 60px;
     text-align: left;
     color: #3e3f42;
     font-weight: bold;
 }
 
 /* Handle new antd error formatting */
 .ant-form-item-has-error
     > div
     > div.ant-form-item-control-input
     > div
     > span
     > span
     > span.ant-input-affix-wrapper {
     background-color: #fff;
     border-color: #f04134 !important;
 }
 
 .ant-form-item-has-error .ant-input,
 .ant-form-item-has-error .ant-input-affix-wrapper,
 .ant-form-item-has-error .ant-input:hover,
 .ant-form-item-has-error .ant-input-affix-wrapper:hover {
     background-color: #fff;
     border-color: #f04134 !important;
 }
 
 .ant-form-item-has-error
     .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input)
     .ant-select-selector {
     background-color: #fff;
     border-color: #f04134 !important;
 }
diff --git a/web/cashtab/src/components/Common/CustomIcons.js b/web/cashtab/src/components/Common/CustomIcons.js
index c77b846b4..2b123ba9f 100644
--- a/web/cashtab/src/components/Common/CustomIcons.js
+++ b/web/cashtab/src/components/Common/CustomIcons.js
@@ -1,31 +1,32 @@
 import * as React from 'react';
 import styled from 'styled-components';
 import { LoadingOutlined } from '@ant-design/icons';
 
 export const CashLoadingIcon = (
     <LoadingOutlined
         style={{
             fontSize: 48,
+            color: '#ff8d00',
         }}
     />
 );
 
 export const LoadingBlock = styled.div`
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 24px;
     flex-direction: column;
     svg {
         width: 50px;
         height: 50px;
         fill: #ff8d00;
     }
 `;
 
 export const CashLoader = () => (
     <LoadingBlock>
         <LoadingOutlined />
     </LoadingBlock>
 );
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 1268a3c64..fad5b353e 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,447 +1,449 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Configure with a wallet 1`] = `
 <div
   className="ant-spin-nested-loading"
 >
   <div>
     <div
       className="ant-spin ant-spin-spinning"
     >
       <span
         aria-label="loading"
         className="anticon anticon-loading anticon-spin ant-spin-dot"
         role="img"
         style={
           Object {
+            "color": "#ff8d00",
             "fontSize": 48,
           }
         }
       >
         <svg
           aria-hidden="true"
           data-icon="loading"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="0 0 1024 1024"
           width="1em"
         >
           <path
             d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
           />
         </svg>
       </span>
     </div>
   </div>
   <div
     className="ant-spin-container ant-spin-blur"
   >
     <div
       className="sc-iwsKbI gJfDsi"
     >
       <h2>
         <span
           aria-label="copy"
           className="anticon anticon-copy"
           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-message"
           />
           <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-bdVaJa jkIKTL"
         role={null}
       >
         <div
           className="ant-collapse-item"
         >
           <div
             aria-expanded={false}
             className="ant-collapse-header"
             onClick={[Function]}
             onKeyPress={[Function]}
             role="button"
             tabIndex={0}
           >
             <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>
             Click to reveal seed phrase
           </div>
         </div>
       </div>
       <div
         className="sc-gZMcBi juyJFl"
       />
       <h2>
         <span
           aria-label="wallet"
           className="anticon anticon-wallet"
           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-bwzfXH crkPeR"
         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-htpNat fajXvM"
         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-gZMcBi juyJFl"
       />
       [
       <a
         className="sc-EHOje chPufo"
         href="https://docs.cashtabapp.com/docs/"
         rel="noreferrer"
         target="_blank"
         type="link"
       >
         Documentation
       </a>
       ]
     </div>
   </div>
 </div>
 `;
 
 exports[`Configure without a wallet 1`] = `
 <div
   className="ant-spin-nested-loading"
 >
   <div>
     <div
       className="ant-spin ant-spin-spinning"
     >
       <span
         aria-label="loading"
         className="anticon anticon-loading anticon-spin ant-spin-dot"
         role="img"
         style={
           Object {
+            "color": "#ff8d00",
             "fontSize": 48,
           }
         }
       >
         <svg
           aria-hidden="true"
           data-icon="loading"
           fill="currentColor"
           focusable="false"
           height="1em"
           viewBox="0 0 1024 1024"
           width="1em"
         >
           <path
             d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
           />
         </svg>
       </span>
     </div>
   </div>
   <div
     className="ant-spin-container ant-spin-blur"
   >
     <div
       className="sc-iwsKbI gJfDsi"
     >
       <h2>
         <span
           aria-label="copy"
           className="anticon anticon-copy"
           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-message"
           />
           <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-gZMcBi juyJFl"
       />
       <h2>
         <span
           aria-label="wallet"
           className="anticon anticon-wallet"
           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-bwzfXH crkPeR"
         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-htpNat fajXvM"
         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-gZMcBi juyJFl"
       />
       [
       <a
         className="sc-EHOje chPufo"
         href="https://docs.cashtabapp.com/docs/"
         rel="noreferrer"
         target="_blank"
         type="link"
       >
         Documentation
       </a>
       ]
     </div>
   </div>
 </div>
 `;