From 65a35446b5dc1fba26a580e65ae0729478553e1d Mon Sep 17 00:00:00 2001
From: Louis Knight-Webb <louis@bloop.ai>
Date: Wed, 29 Oct 2025 22:22:45 +0000
Subject: [PATCH] Done! The review markdown section now has a max height of
 40vh with scroll. All checks passed. (#1130)

The changes add:
- Max height cap at 40% of viewport
- Vertical scrolling when content exceeds the limit
- Visual container with border and background to indicate scrollable content
- Word breaking to prevent layout issues with long strings
---
 frontend/src/components/tasks/TaskFollowUpSection.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/tasks/TaskFollowUpSection.tsx b/frontend/src/components/tasks/TaskFollowUpSection.tsx
index a89a60fb..1bf8ce51 100644
--- a/frontend/src/components/tasks/TaskFollowUpSection.tsx
+++ b/frontend/src/components/tasks/TaskFollowUpSection.tsx
@@ -451,8 +451,10 @@ export function TaskFollowUpSection({
 
             {/* Review comments preview */}
             {reviewMarkdown && (
-              <div className="text-sm mb-4">
-                <div className="whitespace-pre-wrap">{reviewMarkdown}</div>
+              <div className="mb-4">
+                <div className="text-sm whitespace-pre-wrap break-words max-h-[40vh] overflow-y-auto rounded-md border bg-muted p-3">
+                  {reviewMarkdown}
+                </div>
               </div>
             )}