Fix net-worth chart on desktop

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">

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}>

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