diff --git a/src/Dashboard.tsx b/src/Dashboard.tsx
index a712e55..740b691 100644
--- a/src/Dashboard.tsx
+++ b/src/Dashboard.tsx
@@ -126,17 +126,8 @@ export default function Dashboard() {
       </Box>
 
       <Grid container spacing={4} direction="row">
-        {/* LEFT → 1/3 */}
-        <Grid size={4}>
-          <LatestItemsList
-            title={`Recent ${mode === "expense" ? "Expenses" : "Income"}`}
-            items={currentLatest}
-            onViewAll={() => {}}
-          />
-        </Grid>
 
-        {/* RIGHT → 2/3 */}
-        <Grid size={8}>
+        <Grid size={12}>
           <HistoryChart
             header={`${mode === "expense" ? "Expense" : "Income"} Breakdown`}
             summary="Interactive chronological tracking"
@@ -148,6 +139,15 @@ export default function Dashboard() {
             setComparison={setComparison}
           />
         </Grid>
+
+        <Grid size={12}>
+          <LatestItemsList
+            title={`Recent ${mode === "expense" ? "Expenses" : "Income"}`}
+            items={currentLatest}
+            onViewAll={() => {}}
+          />
+        </Grid>
+
       </Grid>
     </Container>
   );