diff --git a/src/components/Balance.tsx b/src/components/Balance.tsx
index eab57caa..f6cea199 100644
--- a/src/components/Balance.tsx
+++ b/src/components/Balance.tsx
@@ -129,13 +129,13 @@ export default function Balance({
 
     console.warn('<Balance /> component cannot determine balance format')
     return <BalanceComponent symbol={<></>} value={valueString} symbolIsPrefix={false} />
-  }, [valueString, displayMode])
+  }, [valueString, displayMode, formatBtcProps])
 
   if (!enableVisibilityToggle) {
     return <>{balanceComponent}</>
   } else {
     return (
-      <span onClick={toggleVisibility} style={{ cursor: 'pointer' }}>
+      <span onClick={toggleVisibility} className="cursor-pointer">
         {balanceComponent}
       </span>
     )
diff --git a/src/components/MainWalletView.tsx b/src/components/MainWalletView.tsx
index 7af7f68c..3e3f074e 100644
--- a/src/components/MainWalletView.tsx
+++ b/src/components/MainWalletView.tsx
@@ -149,7 +149,7 @@ export default function MainWalletView({ wallet }: MainWalletViewProps) {
           <WalletHeaderRescanning walletName={wallet.displayName} isLoading={isLoading} />
         </rb.Row>
       ) : (
-        <rb.Row onClick={() => settingsDispatch({ showBalance: !settings.showBalance })} style={{ cursor: 'pointer' }}>
+        <rb.Row onClick={() => settingsDispatch({ showBalance: !settings.showBalance })} className="cursor-pointer">
           {!currentWalletInfo || isLoading ? (
             <WalletHeaderPlaceholder />
           ) : (