From 7b197ef6ce8e448e6b748749055269e97b10d009 Mon Sep 17 00:00:00 2001
From: Dhvani Maktuporia <91522146+Dhvani365@users.noreply.github.com>
Date: Thu, 23 Oct 2025 18:03:51 +0530
Subject: [PATCH] fix: sandbox ui updated (#7175)

---
 sandbox/client.html | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/sandbox/client.html b/sandbox/client.html
index 6e3a5c9..ba8e5b4 100644
--- a/sandbox/client.html
+++ b/sandbox/client.html
@@ -64,8 +64,22 @@
 
     pre {
       min-height: 39px;
+      white-space: pre-wrap; /* wrap long lines instead of stretching the panel */
+      word-wrap: break-word;
       overflow: auto;
     }
+
+    .box{
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-gap: 40px; /* Increased gap between input and response columns */
+    }
+
+    .response {
+      min-width: 0; /* prevents content overflow from pushing layout */
+      overflow-x: auto;
+    }
+
     .header{
       display: flex;
       flex-direction: row;
@@ -73,11 +87,6 @@
       align-items: center;
       margin-bottom: 2rem; /* Added space below the header */
     }
-    .box{
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      grid-gap: 40px; /* Increased gap between input and response columns */
-    }
 
     #theme-toggle {
         padding: 5px 10px;