diff --git a/test/data/ui-screenshots/ui-chrome_rendering_desktop_select_slice_with_flows.png.sha256 b/test/data/ui-screenshots/ui-chrome_rendering_desktop_select_slice_with_flows.png.sha256
index 999c318dd9..7c1508e7e1 100644
--- a/test/data/ui-screenshots/ui-chrome_rendering_desktop_select_slice_with_flows.png.sha256
+++ b/test/data/ui-screenshots/ui-chrome_rendering_desktop_select_slice_with_flows.png.sha256
@@ -1 +1 @@
-82b026182d09d325c15160185b636917a54ab2431f0f7cb493cd5341bd7798c5
\ No newline at end of file
+a2c3709588eb38705f96880738b552aa43439157cb3cc0f53915cc98dc684b1e
\ No newline at end of file
diff --git a/ui/src/frontend/thread_slice_details_tab.ts b/ui/src/frontend/thread_slice_details_tab.ts
index f013ccac2e..4284f6e3f3 100644
--- a/ui/src/frontend/thread_slice_details_tab.ts
+++ b/ui/src/frontend/thread_slice_details_tab.ts
@@ -437,7 +437,7 @@ export class ThreadSliceDetailsTab extends BottomTab<ThreadSliceDetailsTabConfig
               title: 'Delay',
               render: (flow: Flow) =>
                 m(DurationWidget, {
-                  dur: flow.end.sliceEndTs - flow.end.sliceStartTs,
+                  dur: flow.end.sliceStartTs - flow.begin.sliceEndTs,
                 }),
             },
             {