diff --git a/web/src/components/events/DateList.tsx b/web/src/components/events/DateList.tsx
index 518d566..0c0e9e0 100644
--- a/web/src/components/events/DateList.tsx
+++ b/web/src/components/events/DateList.tsx
@@ -62,7 +62,9 @@ export const DateList = ({ event }: { event: EventFragment }) => {
 
   let visibleOccurrences = [];
   if (oneOff || showAllDates || event.occurrences.length <= 4) {
-    visibleOccurrences = event.occurrences;
+    visibleOccurrences = event.occurrences.sort((a, b) =>
+      compareDates(a.start, b.start)
+    );
   } else {
     visibleOccurrences = futureOccurrences.slice(0, 4);
   }