From ba9cc3ad01bbc4644393396e6d7a9b40c3f889b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Tue, 14 Jul 2026 14:23:28 -0300
Subject: [PATCH] Fix large sold quantity icon layout

---
 src/pages/ProductGroupDetails.tsx | 8 ++++----
 src/pages/Products.tsx            | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/ProductGroupDetails.tsx b/src/pages/ProductGroupDetails.tsx
index f03843a..b01169a 100644
--- a/src/pages/ProductGroupDetails.tsx
+++ b/src/pages/ProductGroupDetails.tsx
@@ -493,7 +493,7 @@ const ProductGroupDetails = () => {
           <div className="overflow-x-auto">
             <table className="w-full min-w-[1100px] table-fixed text-left text-sm">
               <colgroup>
-                <col className="w-[120px]" />
+                <col className="w-[150px]" />
                 <col className="w-[360px]" />
                 <col className="w-[120px]" />
                 <col className="w-[100px]" />
@@ -533,9 +533,9 @@ const ProductGroupDetails = () => {
                       </span>
                     </td>
                     <td className="px-6 py-2.5 whitespace-nowrap">
-                      <div className="flex items-center gap-2">
-                        <Package className="h-3.5 w-3.5 text-zinc-400 dark:text-dark-muted" />
-                        <span className="font-bold text-zinc-900 dark:text-dark-text">{formatNumber(row.quantitySold)} un.</span>
+                      <div className="flex min-w-0 items-center gap-2">
+                        <Package className="h-3.5 w-3.5 shrink-0 text-zinc-400 dark:text-dark-muted" />
+                        <span className="min-w-0 font-bold tabular-nums text-zinc-900 dark:text-dark-text">{formatNumber(row.quantitySold)} un.</span>
                       </div>
                     </td>
                     <td className="px-6 py-2.5 whitespace-nowrap font-bold text-zinc-900 dark:text-dark-text">{formatNumber(row.stock)} un.</td>
diff --git a/src/pages/Products.tsx b/src/pages/Products.tsx
index 07e9772..0bb6da6 100644
--- a/src/pages/Products.tsx
+++ b/src/pages/Products.tsx
@@ -626,7 +626,7 @@ const Products = () => {
                 <col className="w-[120px]" />
                 <col className="w-[390px]" />
                 <col className="w-[170px]" />
-                <col className="w-[130px]" />
+                <col className="w-[150px]" />
                 <col className="w-[120px]" />
                 <col className="w-[130px]" />
                 <col className="w-[130px]" />
@@ -670,9 +670,9 @@ const Products = () => {
                         </span>
                       </td>
                       <td className="px-6 py-2.5 whitespace-nowrap">
-                        <div className="flex items-center gap-2">
-                          <Package className="w-3.5 h-3.5 text-zinc-400 dark:text-dark-muted" />
-                          <span className="font-bold text-zinc-900 dark:text-dark-text">{formatNumber(product.quantitySold)} un.</span>
+                        <div className="flex min-w-0 items-center gap-2">
+                          <Package className="h-3.5 w-3.5 shrink-0 text-zinc-400 dark:text-dark-muted" />
+                          <span className="min-w-0 font-bold tabular-nums text-zinc-900 dark:text-dark-text">{formatNumber(product.quantitySold)} un.</span>
                         </div>
                       </td>
                       <td className="px-6 py-2.5 font-bold text-zinc-900 dark:text-dark-text whitespace-nowrap">{formatNumber(product.stock)} un.</td>