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>