diff --git a/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx b/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx
index 90489b25a5..3218ef50f5 100644
--- a/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx
+++ b/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx
@@ -90,10 +90,12 @@ export function DataflowTimeline({ traceList }: DataflowTimelineProps) {
                             key={idx}
                             className="text-text-secondary text-xs space-x-2 py-2.5 !m-0"
                           >
-                            <span>{x.datetime}</span>
+                            <span className="whitespace-nowrap">
+                              {x.datetime}
+                            </span>
                             {item.component_id !== 'END' && (
                               <span
-                                className={cn({
+                                className={cn('break-all', {
                                   'text-state-error':
                                     x.message.startsWith('[ERROR]'),
                                 })}
@@ -101,7 +103,7 @@ export function DataflowTimeline({ traceList }: DataflowTimelineProps) {
                                 {x.message}
                               </span>
                             )}
-                            <span>
+                            <span className="whitespace-nowrap">
                               {x.elapsed_time.toString().slice(0, 6)}s
                             </span>
                           </section>