diff --git a/calendar/js/et2_widget_daycol.js b/calendar/js/et2_widget_daycol.js
index 4e31254ac0..b21d541470 100644
--- a/calendar/js/et2_widget_daycol.js
+++ b/calendar/js/et2_widget_daycol.js
@@ -728,7 +728,7 @@ var et2_calendar_daycol = /** @class */ (function (_super) {
                 // Longer duration comes first so we have nicer bars across the top
                 var duration = (new Date(b.options.value.end) - new Date(b.options.value.start)) -
                     (new Date(a.options.value.end) - new Date(a.options.value.start));
-                return duration ? duration : (a.options.value.app_id - b.options.value.app_id);
+                return (Math.abs(duration) > 360000) ? duration : (a.options.value.title.localeCompare(b.options.value.title));
             }
             else if (a.options.value.whole_day || b.options.value.whole_day) {
                 return a.options.value.whole_day ? -1 : 1;
diff --git a/calendar/js/et2_widget_daycol.ts b/calendar/js/et2_widget_daycol.ts
index e9ffe7adc0..2660556948 100644
--- a/calendar/js/et2_widget_daycol.ts
+++ b/calendar/js/et2_widget_daycol.ts
@@ -921,7 +921,7 @@ export class et2_calendar_daycol extends et2_valueWidget implements et2_IDetache
 					(new Date(b.options.value.end) - new Date(b.options.value.start)) -
 					(new Date(a.options.value.end) - new Date(a.options.value.start));
 
-				return duration ? duration : (a.options.value.app_id - b.options.value.app_id);
+				return (Math.abs(duration) > 360000) ? duration : (a.options.value.title.localeCompare(b.options.value.title));
 			}
 			else if (a.options.value.whole_day || b.options.value.whole_day)
 			{