From d0eaee3d261173c8f91621345a6036cb14ce77ba Mon Sep 17 00:00:00 2001
From: Krishna Mohan <krishanmohank974@gmail.com>
Date: Fri, 30 Jan 2026 14:45:15 +0530
Subject: [PATCH] fix: added scrollbar in the timeline component

Signed-off-by: Krishna Mohan <krishanmohank974@gmail.com>
---
 frontend/src/components/timeline/ExecutionInspector.tsx | 2 +-
 frontend/src/components/timeline/ExecutionTimeline.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/timeline/ExecutionInspector.tsx b/frontend/src/components/timeline/ExecutionInspector.tsx
index 0c63753a..c81dbf85 100644
--- a/frontend/src/components/timeline/ExecutionInspector.tsx
+++ b/frontend/src/components/timeline/ExecutionInspector.tsx
@@ -354,7 +354,7 @@ export function ExecutionInspector({ onRerunRun }: ExecutionInspectorProps = {})
           style={{ height: timelineHeight }}
         >
           {selectedRun ? (
-            <div className="h-full overflow-hidden">
+            <div className="h-full overflow-y-auto">
               <ExecutionTimeline />
             </div>
           ) : (
diff --git a/frontend/src/components/timeline/ExecutionTimeline.tsx b/frontend/src/components/timeline/ExecutionTimeline.tsx
index cef31e4a..93a48d9e 100644
--- a/frontend/src/components/timeline/ExecutionTimeline.tsx
+++ b/frontend/src/components/timeline/ExecutionTimeline.tsx
@@ -305,7 +305,7 @@ export function ExecutionTimeline() {
   }
 
   return (
-    <div className="border-t bg-background">
+    <div className="border-t bg-background overflow-y-auto max-h-full">
       <div className="p-4 space-y-4">
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-4">