From 0d7e3a12864ea1cd17cf1a059f1f51f95ee7c568 Mon Sep 17 00:00:00 2001
From: kayela <kayela@konceptkit.com>
Date: Tue, 27 Jan 2026 15:19:19 -0600
Subject: [PATCH] tweaked statcard for better styling when digits are greater
 than 2

---
 src/components/StatCard.jsx | 23 +++--------------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/src/components/StatCard.jsx b/src/components/StatCard.jsx
index 5afc9f2..377cc0b 100644
--- a/src/components/StatCard.jsx
+++ b/src/components/StatCard.jsx
@@ -12,27 +12,10 @@ export const StatCard = ({
 
   const digitCount =
     valueString.replace(/\D/g, "").length || valueString.length;
-  /**
- * 
-const getValueFontSize = () => {
-  if (digitCount <= 3) {
-      // 3.75rem for 3 or fewer digits
-      return "3.75rem";
-    } else if (digitCount <= 6) {
-      // Scale down for more digits
-      return "clamp(2rem, 5cqi, 3rem)";
-    } else if (digitCount <= 9) {
-      return "clamp(1.5rem, 4cqi, 2.5rem)";
-    } else {
-      return "clamp(1.25rem, 3cqi, 2rem)";
-    }
-  };
-  
-  * */
 
   const getValueFontSize = () => {
     switch (true) {
-      case digitCount <= 3:
+      case digitCount <= 2:
         // 3.75rem for 3 or fewer digits
         return "3.75rem";
       case digitCount <= 6:
@@ -68,8 +51,8 @@ const getValueFontSize = () => {
           </p>
         </div>
 
-        <div className={`${iconBgClass} p-3 rounded-lg `}>
-          <Icon className="size-8" />
+        <div className={`${iconBgClass} px-3 py-2 rounded-lg `}>
+          <Icon className="size-[valueFontSize]" />
         </div>
       </div>
       <p