diff --git a/frontend/src/pages/Rolling12Months.tsx b/frontend/src/pages/Rolling12Months.tsx
index 2669ffb..fba4c60 100644
--- a/frontend/src/pages/Rolling12Months.tsx
+++ b/frontend/src/pages/Rolling12Months.tsx
@@ -163,7 +163,7 @@ export default function Rolling12Months() {
                 </tr>
               </thead>
               <tbody>
-                {rows.map((r, i) => {
+                {[...rows].reverse().map((r, i) => {
                   const pctB = r.budget != null && r.budget > 0 ? (r.wages / r.budget) * 100 : null
                   const pctS = r.sales > 0 ? (r.wages / r.sales) * 100 : null
                   const vari = r.budget != null ? r.wages - r.budget : null
diff --git a/frontend/src/pages/Rolling12Weeks.tsx b/frontend/src/pages/Rolling12Weeks.tsx
index 5f9df4f..6f07d3e 100644
--- a/frontend/src/pages/Rolling12Weeks.tsx
+++ b/frontend/src/pages/Rolling12Weeks.tsx
@@ -170,7 +170,7 @@ export default function Rolling12Weeks() {
                 </tr>
               </thead>
               <tbody>
-                {rows.map((r, i) => {
+                {[...rows].reverse().map((r, i) => {
                   const pctB = r.budget != null && r.budget > 0 ? (r.wages / r.budget) * 100 : null
                   const pctS = r.sales > 0 ? (r.wages / r.sales) * 100 : null
                   const vari = r.budget != null ? r.wages - r.budget : null