From 60c6628c7ff74c5330359b817f6db5296d720a6b Mon Sep 17 00:00:00 2001
From: Jacob Homanics <homanicsjake@gmail.com>
Date: Mon, 8 Apr 2024 17:07:09 -0500
Subject: [PATCH] updated overlay balance

---
 .../app/rep-tokens-demo/_components/RepTokensDemo.tsx  |  1 -
 .../rep-tokens/cards/internal/StylizedBalanceCard.tsx  | 10 +++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx b/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx
index 49fa7f6..750b551 100644
--- a/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx
+++ b/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx
@@ -104,7 +104,6 @@ export function RepTokensDemo() {
               tokens={faucetTokens}
               components={["Balance", "Image"]}
               isBalanceOverlayed={true}
-              size="xs"
               preChildren={<p className="text-center text-4xl bg-base-200 rounded-lg my-1">Faucet</p>}
               postChildren={
                 <button
diff --git a/packages/nextjs/components/rep-tokens/cards/internal/StylizedBalanceCard.tsx b/packages/nextjs/components/rep-tokens/cards/internal/StylizedBalanceCard.tsx
index 05d92d6..9774621 100644
--- a/packages/nextjs/components/rep-tokens/cards/internal/StylizedBalanceCard.tsx
+++ b/packages/nextjs/components/rep-tokens/cards/internal/StylizedBalanceCard.tsx
@@ -26,10 +26,10 @@ const overlaidCardSizeMap = {
 
 const formatNumber = (n: number) => {
   if (n < 1e3) return n;
-  if (n >= 1e3 && n < 1e6) return +(n / 1e3).toFixed(1) + "K";
-  if (n >= 1e6 && n < 1e9) return +(n / 1e6).toFixed(1) + "M";
-  if (n >= 1e9 && n < 1e12) return +(n / 1e9).toFixed(1) + "B";
-  if (n >= 1e12) return +(n / 1e12).toFixed(1) + "T";
+  if (n >= 1e3 && n < 1e6) return +(n / 1e3).toFixed(2) + "K";
+  if (n >= 1e6 && n < 1e9) return +(n / 1e6).toFixed(2) + "M";
+  if (n >= 1e9 && n < 1e12) return +(n / 1e9).toFixed(2) + "B";
+  if (n >= 1e12) return +(n / 1e12).toFixed(2) + "T";
 
   return "";
 };
@@ -57,7 +57,7 @@ export const StylizedBalanceCard = ({ value, isOverlay, size = "base" }: Balance
       } else if (output.length === 4) {
         result = "text-lg";
       } else if (output.length === 5) {
-        result = "text-md";
+        result = "text-sm";
       } else if (output.length === 6) {
         result = "text-sm";
       }