diff --git a/ui/src/pages/Exchanges/ExchangeHeader.tsx b/ui/src/pages/Exchanges/ExchangeHeader.tsx
index e7feeca4..a1cad65b 100644
--- a/ui/src/pages/Exchanges/ExchangeHeader.tsx
+++ b/ui/src/pages/Exchanges/ExchangeHeader.tsx
@@ -60,13 +60,13 @@ export function ExchangeHeader({ detail }: ExchangeHeaderProps) {
         <span className={styles.separator} />
         <span className={styles.route}>{detail.routeId}</span>
         <span className={styles.app}>{detail.applicationName}</span>
-        <span className={styles.duration}>{formatDuration(detail.durationMs)}</span>
         {detail.agentId && (
           <>
             <span className={styles.separator} />
             <MonoText size="xs">{detail.agentId}</MonoText>
           </>
         )}
+        <span className={styles.duration}>{formatDuration(detail.durationMs)}</span>
       </div>
 
       {/* Correlation chain — only when multiple correlated exchanges exist */}