diff --git a/app/components/flow.tsx b/app/components/flow.tsx
index 74f63f2f..1cf197fc 100644
--- a/app/components/flow.tsx
+++ b/app/components/flow.tsx
@@ -58,7 +58,13 @@ export default function Flow() {
         }
         const data = await response.json();
         if (data.tasks && Array.isArray(data.tasks)) {
-          setTasks(data.tasks);
+          // Sort tasks by creation date (oldest first)
+          const sortedTasks = data.tasks.sort((a: Task, b: Task) => {
+            const dateA = new Date(a.createdOn).getTime();
+            const dateB = new Date(b.createdOn).getTime();
+            return dateA - dateB;
+          });
+          setTasks(sortedTasks);
         } else {
           console.error('Invalid tasks data format:', data);
           setError('Invalid tasks data format');