From 753b87baf20b32e8541ac5560391c4c09a8240f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vi=CC=81ctor=20Falco=CC=81n?= <victoor89@gmail.com>
Date: Mon, 8 Dec 2025 16:15:57 +0100
Subject: [PATCH] Fix net-worth chart on desktop

---
 resources/js/components/dashboard/net-worth-chart.tsx |  2 +-
 resources/js/components/ui/stacked-bar-chart.tsx      |  2 +-
 resources/js/pages/dashboard.tsx                      | 10 ++++------
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/resources/js/components/dashboard/net-worth-chart.tsx b/resources/js/components/dashboard/net-worth-chart.tsx
index d6924a06..59285825 100644
--- a/resources/js/components/dashboard/net-worth-chart.tsx
+++ b/resources/js/components/dashboard/net-worth-chart.tsx
@@ -219,7 +219,7 @@ export function NetWorthChart({
     }
 
     return (
-        <Card className="col-span-3 overflow-hidden">
+        <Card className="overflow-hidden">
             <CardHeader>
                 <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
                     <div className="flex min-w-0 flex-col gap-2">
diff --git a/resources/js/components/ui/stacked-bar-chart.tsx b/resources/js/components/ui/stacked-bar-chart.tsx
index 48a52c28..e1a19261 100644
--- a/resources/js/components/ui/stacked-bar-chart.tsx
+++ b/resources/js/components/ui/stacked-bar-chart.tsx
@@ -77,7 +77,7 @@ export function StackedBarChart<T extends Record<string, unknown>>({
         >
             <ChartContainer
                 config={configWithColors}
-                className="h-full"
+                className="w-full h-full"
                 style={{ minWidth: `${minChartWidth}px` }}
             >
                 <BarChart accessibilityLayer data={data}>
diff --git a/resources/js/pages/dashboard.tsx b/resources/js/pages/dashboard.tsx
index b7b93a65..8ea4df69 100644
--- a/resources/js/pages/dashboard.tsx
+++ b/resources/js/pages/dashboard.tsx
@@ -34,12 +34,10 @@ export default function Dashboard() {
                     description="Overview of your financial health"
                 />
 
-                <div className="">
-                    <NetWorthChartComponent
-                        data={netWorthEvolution}
-                        loading={isLoading}
-                    />
-                </div>
+                <NetWorthChartComponent
+                    data={netWorthEvolution}
+                    loading={isLoading}
+                />
 
                 <div className="grid gap-4 md:grid-cols-2">
                     {isLoading