From 6c2ed8c3017b6da26ed788208c3913fe9092cac0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 6 May 2026 14:33:35 -0300
Subject: [PATCH] fix: significantly increase X-axis height and margin to
 completely prevent label cutoff

---
 src/pages/Dashboard.tsx      | 3 ++-
 src/pages/ProductDetails.tsx | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index d5e3341..229ca28 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -103,13 +103,14 @@ const Dashboard = () => {
           <h3 className="text-lg font-bold mb-6 text-dark-text">Produtos Mais Vendidos</h3>
           <div className="h-80 w-full">
             <ResponsiveContainer width="100%" height="100%">
-              <BarChart data={salesByProduct} margin={{ top: 5, right: 30, left: 20, bottom: 60 }}>
+              <BarChart data={salesByProduct} margin={{ top: 5, right: 30, left: 20, bottom: 120 }}>
                 <CartesianGrid strokeDasharray="3 3" stroke="#222222" vertical={false} />
                 <XAxis 
                   dataKey="name" stroke="#888888" fontSize={10} tickLine={false} axisLine={false}
                   interval={0}
                   angle={-45}
                   textAnchor="end"
+                  height={120}
                 />
                 <YAxis stroke="#888888" fontSize={12} tickLine={false} axisLine={false} />
                 <Tooltip 
diff --git a/src/pages/ProductDetails.tsx b/src/pages/ProductDetails.tsx
index 4cf6695..5d524c4 100644
--- a/src/pages/ProductDetails.tsx
+++ b/src/pages/ProductDetails.tsx
@@ -108,13 +108,14 @@ const ProductDetails = () => {
         <h3 className="text-lg font-bold mb-8 text-zinc-900 dark:text-dark-text">Volume de Vendas por Data</h3>
         <div className="h-80 w-full">
           <ResponsiveContainer width="100%" height="100%">
-            <BarChart data={chartData} margin={{ top: 5, right: 30, left: 20, bottom: 40 }}>
+            <BarChart data={chartData} margin={{ top: 5, right: 30, left: 20, bottom: 80 }}>
               <CartesianGrid strokeDasharray="3 3" stroke="#222222" vertical={false} />
               <XAxis 
                 dataKey="date" stroke="#888888" fontSize={10} tickLine={false} axisLine={false}
                 interval={0}
                 angle={-45}
                 textAnchor="end"
+                height={80}
               />
               <YAxis stroke="#888888" fontSize={12} tickLine={false} axisLine={false} />
               <Tooltip