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