From 3e809d24c4df12ad0e855a743b0a79aaece713c1 Mon Sep 17 00:00:00 2001
From: Sriram <108707179+sriram2k4@users.noreply.github.com>
Date: Mon, 26 May 2025 14:09:46 +0530
Subject: [PATCH] fix(logs): improve timeline resizing behavior in trace spans
 (#419)

---
 .../app/w/logs/components/trace-spans/trace-spans-display.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/sim/app/w/logs/components/trace-spans/trace-spans-display.tsx b/apps/sim/app/w/logs/components/trace-spans/trace-spans-display.tsx
index 2011f6403a..f1ec6ecd3d 100644
--- a/apps/sim/app/w/logs/components/trace-spans/trace-spans-display.tsx
+++ b/apps/sim/app/w/logs/components/trace-spans/trace-spans-display.tsx
@@ -408,9 +408,9 @@ function TraceSpanItem({
             <span className='block text-muted-foreground text-xs'>{formatDuration(duration)}</span>
           </div>
 
-          <div className='ml-auto flex flex-shrink-0 items-center gap-2'>
+          <div className='ml-auto flex flex-shrink-0 items-center gap-2 w-[40%]'>
             {/* Timeline visualization - responsive width based on container size */}
-            <div className='relative hidden h-2 flex-shrink-0 overflow-hidden rounded-full bg-accent/40 sm:block sm:w-24 md:w-32 lg:w-40 xl:w-56'>
+            <div className='relative hidden h-2 flex-shrink-0 overflow-hidden rounded-full bg-accent/40 sm:block flex-1 min-w-[15%]'>
               <div
                 className='absolute h-full rounded-full'
                 style={{