From 08af8a49aa46902f89ce748765801132df04d3d9 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 28 Jul 2025 09:39:34 +0700
Subject: [PATCH] fix: tool approval params scrollable (#5941)

---
 web-app/src/containers/dialogs/ToolApproval.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web-app/src/containers/dialogs/ToolApproval.tsx b/web-app/src/containers/dialogs/ToolApproval.tsx
index 57b54e4a1..3aaa622f7 100644
--- a/web-app/src/containers/dialogs/ToolApproval.tsx
+++ b/web-app/src/containers/dialogs/ToolApproval.tsx
@@ -59,12 +59,12 @@ export default function ToolApproval() {
         </DialogHeader>
 
         {toolParameters && Object.keys(toolParameters).length > 0 && (
-          <div className="bg-main-view-fg/4 p-2 border border-main-view-fg/5 rounded-lg">
+          <div className="bg-main-view-fg/4 p-2 border border-main-view-fg/5 rounded-lg overflow-x-scroll">
             <h4 className="text-sm font-medium text-main-view-fg mb-2">
               {t('tools:toolApproval.parameters')}
             </h4>
-            <div className="bg-main-view-fg/6 rounded-md p-2 text-sm font-mono border border-main-view-fg/5">
-              <pre className="text-main-view-fg/80 whitespace-pre-wrap break-words">
+            <div className="relative bg-main-view-fg/6 rounded-md p-2 text-sm font-mono border border-main-view-fg/5 overflow-x-auto">
+              <pre className="text-main-view-fg/80 whitespace-pre-wrap">
                 {JSON.stringify(toolParameters, null, 2)}
               </pre>
             </div>