diff --git a/client/src/components/JsonView.tsx b/client/src/components/JsonView.tsx
index 8c520ebe..c79cbf7b 100644
--- a/client/src/components/JsonView.tsx
+++ b/client/src/components/JsonView.tsx
@@ -55,7 +55,12 @@ const JsonView = memo(
     }, [toast, normalizedData, setCopied]);
 
     return (
-      <div className={clsx("p-4 border rounded relative", className)}>
+      <div
+        className={clsx(
+          "p-4 border overflow-x-auto rounded relative",
+          className,
+        )}
+      >
         {withCopyButton && (
           <Button
             size="icon"