From c527fb63a34697a3959d5a22784f0874b6a677f5 Mon Sep 17 00:00:00 2001
From: Li Xin <lixin.henry@bytedance.com>
Date: Fri, 25 Apr 2025 13:57:52 +0800
Subject: [PATCH] feat: limit the max width

---
 web/src/app/_components/research-activities-block.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/app/_components/research-activities-block.tsx b/web/src/app/_components/research-activities-block.tsx
index bcefd1b..66ef1f5 100644
--- a/web/src/app/_components/research-activities-block.tsx
+++ b/web/src/app/_components/research-activities-block.tsx
@@ -286,8 +286,8 @@ function PythonToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
           Running Python code
         </RainbowText>
       </div>
-      <div className="px-5">
-        <div className="bg-accent mt-2 max-h-[400px] w-[800px] overflow-y-auto rounded-md p-2 text-sm">
+      <div>
+        <div className="bg-accent mt-2 max-h-[400px] max-w-[calc(100%-120px)] overflow-y-auto rounded-md p-2 text-sm">
           <SyntaxHighlighter
             language="python"
             style={resolvedTheme === "dark" ? dark : docco}
@@ -328,7 +328,7 @@ function MCPToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
             </AccordionTrigger>
             <AccordionContent>
               {toolCall.result && (
-                <div className="bg-accent max-h-[400px] w-[800px] overflow-y-auto rounded-md text-sm">
+                <div className="bg-accent max-h-[400px] max-w-[560px] overflow-y-auto rounded-md text-sm">
                   <SyntaxHighlighter
                     language="json"
                     style={resolvedTheme === "dark" ? dark : docco}