diff --git a/resources/js/components/charts/cashflow-trend-chart.tsx b/resources/js/components/charts/cashflow-trend-chart.tsx
index 701421ad..4caaddea 100644
--- a/resources/js/components/charts/cashflow-trend-chart.tsx
+++ b/resources/js/components/charts/cashflow-trend-chart.tsx
@@ -163,7 +163,7 @@ export function CashflowTrendChart({
                     </CardTitle>
                 </CardHeader>
                 <CardContent>
-                    <div className="h-[250px] animate-pulse rounded bg-gray-200 dark:bg-gray-700" />
+                    <div className="h-[350px] animate-pulse rounded bg-gray-200 dark:bg-gray-700" />
                 </CardContent>
             </Card>
         );
@@ -185,7 +185,7 @@ export function CashflowTrendChart({
                 <div ref={scrollContainerRef} className="overflow-x-auto">
                     <ChartContainer
                         config={chartConfig}
-                        className="h-[250px] w-full"
+                        className="h-[350px] w-full"
                         style={{ minWidth: `${minChartWidth}px` }}
                     >
                         <BarChart accessibilityLayer data={data}>
diff --git a/resources/js/pages/cashflow/index.tsx b/resources/js/pages/cashflow/index.tsx
index 913c90b8..414c3b36 100644
--- a/resources/js/pages/cashflow/index.tsx
+++ b/resources/js/pages/cashflow/index.tsx
@@ -112,6 +112,13 @@ export default function CashflowPage() {
                     />
                 </div>
 
+                {/* Trend Chart */}
+                <CashflowTrendChart
+                    data={trend}
+                    loading={isLoading}
+                    currency={auth.user.currency_code}
+                />
+
                 {/* Sankey Diagram */}
                 <Card>
                     <CardHeader className="pb-4">
@@ -148,13 +155,6 @@ export default function CashflowPage() {
                         currency={auth.user.currency_code}
                     />
                 </div>
-
-                {/* Trend Chart */}
-                <CashflowTrendChart
-                    data={trend}
-                    loading={isLoading}
-                    currency={auth.user.currency_code}
-                />
             </div>
         </AppSidebarLayout>
     );