fix(react): include space between native balance and symbol

thirdweb-dev · Sep 23, 2024 · cc75db6 · cc75db6
1 parent 2d34771
commit cc75db6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/stale-suns-check.md b/.changeset/stale-suns-check.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix spacing in native balance label on connect UI
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/Details.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/Details.tsx
@@ -260,7 +260,7 @@ export const ConnectedWalletDetails: React.FC<{
             color="secondaryText"
             weight={400}
           >
-            {formatBalanceOnButton(Number(balanceQuery.data.displayValue))}
+            {formatBalanceOnButton(Number(balanceQuery.data.displayValue))}{" "}
             {balanceQuery.data.symbol}
           </Text>
         ) : (
@@ -366,7 +366,7 @@ function DetailsModal(props: {
               formatNumber(Number(balanceQuery.data.displayValue), 5)
             ) : (
               <Skeleton height="1em" width="100px" />
-            )}
+            )}{" "}
             {balanceQuery.data?.symbol}
           </Text>
         </Text>