diff --git a/packages/web/src/routes/agents.tsx b/packages/web/src/routes/agents.tsx
index 9912126..3fea1ea 100644
--- a/packages/web/src/routes/agents.tsx
+++ b/packages/web/src/routes/agents.tsx
@@ -101,7 +101,7 @@ function AgentsPage() {
           <Skeleton className="h-8 w-20" />
         </div>
         <div className="grid grid-cols-1 gap-4 lg:grid-cols-[320px_1fr] min-h-0 flex-1">
-          <div className="space-y-2 overflow-hidden">
+          <div className="space-y-2 overflow-y-auto min-h-0">
             {Array.from({ length: 5 }).map((_, i) => (
               <Card key={i} className="p-3">
                 <div className="flex items-center gap-3">
@@ -219,7 +219,7 @@ function AgentsPage() {
       {/* Two-panel layout */}
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-[320px_1fr] min-h-0 flex-1">
         {/* Left: Agent List */}
-        <div className="overflow-y-auto space-y-2">
+        <div className="overflow-y-auto min-h-0 space-y-2">
           {filtered.length === 0 ? (
             <div className="rounded-lg border border-dashed p-8 text-center">
               <p className="text-sm text-muted-foreground">
@@ -286,7 +286,7 @@ function AgentsPage() {
         </div>
 
         {/* Right: Output Viewer */}
-        <div className="min-h-0">
+        <div className="min-h-0 overflow-hidden">
           {selectedAgent ? (
             <AgentOutputViewer
               agentId={selectedAgent.id}