From c5fda85c201bca3e9b7f1521027d88d271b7455c Mon Sep 17 00:00:00 2001
From: Dinesht04 <dineshtyagi567@gmail.com>
Date: Sat, 4 Apr 2026 15:41:24 +0530
Subject: [PATCH] fix: add horizontal scrolling for long values in json view

---
 client/src/components/JsonView.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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"