From 7b0be31e004dad5f7ba3a1a713a3cfd43d3c991d Mon Sep 17 00:00:00 2001
From: Alberto-Audrix <alberto.suiwidjaya6@gmail.com>
Date: Mon, 7 Sep 2026 15:46:01 +0700
Subject: [PATCH] adjust font so the text is readable without hovering to it

---
 components/feedSack/FeedStats.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/feedSack/FeedStats.tsx b/components/feedSack/FeedStats.tsx
index 3d87919..3f0c618 100644
--- a/components/feedSack/FeedStats.tsx
+++ b/components/feedSack/FeedStats.tsx
@@ -10,8 +10,8 @@ const StatItem: React.FC<{
 }> = ({ icon, label, value, colorOverride }) => (
   <div className="border border-gray-200 rounded-lg p-3 hover:border-gray-300 transition-colors">
     <div className="flex items-start gap-2 mb-3 min-w-0">
-      <div className="text-gray-500">{icon}</div>
-      <p className="min-w-0 truncate text-xs sm:text-sm font-medium text-gray-700" title={label}>
+      <div className="mt-0.5 shrink-0 text-gray-500">{icon}</div>
+      <p className="min-w-0 text-[11px] sm:text-xs font-medium leading-tight text-gray-700 break-words">
         {label}
       </p>
     </div>