diff --git a/ui/component/walletFiatBalance/view.jsx b/ui/component/walletFiatBalance/view.jsx
index 986f6b239..c91ad98b7 100644
--- a/ui/component/walletFiatBalance/view.jsx
+++ b/ui/component/walletFiatBalance/view.jsx
@@ -28,7 +28,7 @@ const WalletBalance = (props: Props) => {
 
   return (
     <>{1 == 1 && <Card
-      title={<><Icon size="18" icon={ICONS.FINANCE} />{accountDetails && accountDetails.total_received_unpaid/100} || 0 USD</>}
+      title={<><Icon size="18" icon={ICONS.FINANCE} />{accountDetails && accountDetails.total_received_unpaid/100 || 0} USD</>}
       subtitle={
           <I18nMessage>
             This is your remaining balance that can still be withdrawn to your bank account
@@ -92,7 +92,7 @@ const WalletBalance = (props: Props) => {
 
           <div className="section__actions">
             <Button button="primary" label={__('Receive Payout')} icon={ICONS.SEND}  />
-            <Button button="secondary" label={__('Account Configuration')} icon={ICONS.SETTINGS} navigate={`/$/${PAGES.SETTINGS_STRIPE_ACCOUNT}`} />
+            <Button button="secondary" label={__('Account Configuration')} icon={ICONS.SETTINGS} navigate={`/$/${PAGES.SETTINGS_STRIPE_CARD}`} />
           </div>
         </>
       }
diff --git a/ui/component/walletFiatPaymentHistory/view.jsx b/ui/component/walletFiatPaymentHistory/view.jsx
index 575330223..a848eedfb 100644
--- a/ui/component/walletFiatPaymentHistory/view.jsx
+++ b/ui/component/walletFiatPaymentHistory/view.jsx
@@ -153,7 +153,7 @@ const WalletBalance = (props: Props) => {
                 ))}
                 </tbody>
               </table>
-              {(!paymentHistoryTransactions || paymentHistoryTransactions.length === 0) && <p style={{textAlign:"center", marginTop: '20px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Transactions</p>}
+              {(!accountTransactions || accountTransactions.length === 0) && <p style={{textAlign:"center", marginTop: '20px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Transactions</p>}
             </div>
           </>
         }
diff --git a/ui/page/wallet/view.jsx b/ui/page/wallet/view.jsx
index 97b95cbdf..c66a27b89 100644
--- a/ui/page/wallet/view.jsx
+++ b/ui/page/wallet/view.jsx
@@ -75,11 +75,30 @@ const WalletPage = (props: Props) => {
     );
   }
 
+
+  // calculate account transactions section
   React.useEffect(() => {
     (async function(){
       try {
         const response = await getAccountStatus();
 
+        setAccountStatusResponse(response);
+
+        // TODO: some weird naming clash hence getAccountTransactionsa
+        const getAccountTransactions = await getAccountTransactionsa();
+
+        setAccountTransactionResponse(getAccountTransactions)
+
+      } catch (err){
+        console.log(err);
+      }
+    })();
+  }, []);
+
+  // populate customer payment data
+  React.useEffect(() => {
+    (async function(){
+      try {
         // get card payments customer has made
         const customerTransactionResponse = await getPaymentHistory();
 
@@ -91,25 +110,8 @@ const WalletPage = (props: Props) => {
 
         setTotalTippedAmount(totalTippedAmount / 100);
 
-        console.log(customerTransactionResponse);
-
         setCustomerTransactions(customerTransactionResponse)
 
-        console.log('account status');
-
-        console.log(response);
-
-        setAccountStatusResponse(response);
-
-        // TODO: some weird naming clash hence getAccountTransactionsa
-        const getAccountTransactions = await getAccountTransactionsa();
-
-        console.log('transactions');
-
-        setAccountTransactionResponse(getAccountTransactions)
-
-        console.log(getAccountTransactions);
-
       } catch (err){
         console.log(err);
       }