From 8bb8b7b98f6f55855ffed4487cd8a0aba1068e06 Mon Sep 17 00:00:00 2001
From: Daniel <dnlggr@pm.me>
Date: Sat, 5 Feb 2022 01:07:58 +0100
Subject: [PATCH] fix: hidden balance icon alignment and size (#52)

---
 src/components/Balance.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Balance.jsx b/src/components/Balance.jsx
index f2d18217..73f7fb6c 100644
--- a/src/components/Balance.jsx
+++ b/src/components/Balance.jsx
@@ -26,8 +26,8 @@ export default function Balance({ value, unit, showBalance = false }) {
       <span className={styles['balance-wrapper']}>
         <span className={styles['balance']}>
           <span className={styles['text']}>*****</span>
-          <span className="text-muted">
-            <Sprite symbol="hide" width="20px" height="20px" className="ps-1" />
+          <span className="text-muted d-inline-flex align-items-center">
+            <Sprite symbol="hide" width="1.2em" height="1.2em" className="ps-1" />
           </span>
         </span>
       </span>