From 4b543ae733579c6f322bdc4b22ff0090b76dec5d Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Tue, 12 Sep 2023 20:21:59 -0500
Subject: [PATCH] prevent wallet balance overflow

---
 components/header.js                | 2 +-
 components/hidden-wallet-summary.js | 4 ++--
 styles/globals.scss                 | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/header.js b/components/header.js
index ba50d3c5..2faa79dd 100644
--- a/components/header.js
+++ b/components/header.js
@@ -136,7 +136,7 @@ function StackerCorner ({ dropNavKey }) {
       <NavProfileMenu me={me} dropNavKey={dropNavKey} />
       <Nav.Item>
         <Link href='/wallet' passHref legacyBehavior>
-          <Nav.Link eventKey='wallet' className='text-success px-0 text-nowrap'>
+          <Nav.Link eventKey='wallet' className='text-success text-monospace px-0 text-nowrap'>
             <WalletSummary me={me} />
           </Nav.Link>
         </Link>
diff --git a/components/hidden-wallet-summary.js b/components/hidden-wallet-summary.js
index 019af550..1cb98552 100644
--- a/components/hidden-wallet-summary.js
+++ b/components/hidden-wallet-summary.js
@@ -16,9 +16,9 @@ export default function HiddenWalletSummary ({ abbreviate, fixedWidth }) {
   return (
     <span
       ref={ref} style={{ width: fixedWidth ? width : undefined }}
-      className='d-inline-block' align='right' onPointerEnter={() => setHover(true)} onPointerLeave={() => setHover(false)}
+      className='d-inline-block text-monospace' align='right' onPointerEnter={() => setHover(true)} onPointerLeave={() => setHover(false)}
     >
-      {hover ? (abbreviate ? abbrNum(me.sats) : numWithUnits(me.sats, { abbreviate: false })) : '*****'}
+      {hover ? (abbreviate ? abbrNum(me.sats) : numWithUnits(me.sats, { abbreviate: false })) : '******'}
     </span>
   )
 }
diff --git a/styles/globals.scss b/styles/globals.scss
index e8ce3d7c..624d2901 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -150,6 +150,10 @@ $btn-close-bg: none;
   }
 }
 
+.text-monospace {
+  font-family: monospace;
+}
+
 #nprogress .bar {
   background: var(--bs-primary) !important;
   height: 2px !important;