diff --git a/docs/index.html b/docs/index.html
index a52db959..a4fac786 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -26277,7 +26277,7 @@
             </div>
           </div>
         </div>
-        <textarea style="height: calc(100% - 38px); border-width: 0; padding-bottom: 0.25rem;" id="context-textarea" class="fancy-scroll" spellcheck="false"></textarea>
+        <textarea style="height: calc(100% - 32px); border-width: 0; padding-bottom: 0.25rem;" id="context-textarea" class="fancy-scroll" spellcheck="false"></textarea>
       </div
   
       ><div id="resize-divider-1" style="width: 5px; height: 100%; cursor: col-resize; background-color: rgb(82 82 82);"></div
@@ -26330,7 +26330,7 @@
             </div>
           </div>
         </div>
-        <textarea style="height: calc(100% - 38px); border-width: 0;" id="lits-textarea" class="fancy-scroll" spellcheck="false"></textarea>
+        <textarea style="height: calc(100% - 32px); border-width: 0;" id="lits-textarea" class="fancy-scroll" spellcheck="false"></textarea>
       </div
   
       ><div id="resize-divider-2" style="width: 5px; height: 100%; cursor: col-resize; background-color: rgb(82 82 82);"></div
@@ -26347,7 +26347,7 @@
             </div>
           </div>
         </div>
-        <div class="fancy-scroll" style="font-family: 'Fira Code', monospace; background-color: rgb(30 30 30); padding: 0.5rem; font-size: 0.875rem; display: flex; flex-direction: column; gap: 0.5rem; height: calc(100% - 38px); overflow-y: auto;" id="output-result"></div>
+        <div class="fancy-scroll" style="font-family: 'Fira Code', monospace; background-color: rgb(30 30 30); padding: 0.5rem; font-size: 0.875rem; display: flex; flex-direction: column; gap: 0.5rem; height: calc(100% - 32px); overflow-y: auto;" id="output-result"></div>
       </div>
     </div>
   </div>
diff --git a/docs/styles.css b/docs/styles.css
index d7109e66..98327e06 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -27,6 +27,8 @@ textarea {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
+  overflow-x: auto;
+  white-space: nowrap;
 }
 
 input {
diff --git a/playground-builder/src/components/playground.ts b/playground-builder/src/components/playground.ts
index e2863cb5..72fc80bc 100644
--- a/playground-builder/src/components/playground.ts
+++ b/playground-builder/src/components/playground.ts
@@ -41,7 +41,7 @@ export function getPlayground() {
             </div>
           </div>
         </div>
-        <textarea ${styles('height: calc(100% - 38px);', 'border-0', 'pb-1')} id="context-textarea" class="fancy-scroll" spellcheck="false"></textarea>
+        <textarea ${styles('height: calc(100% - 32px);', 'border-0', 'pb-1')} id="context-textarea" class="fancy-scroll" spellcheck="false"></textarea>
       </div
   
       ><div id="resize-divider-1" ${styles('width: 5px;', 'h-full', 'cursor-col-resize', 'bg-gray-600')}></div
@@ -94,7 +94,7 @@ export function getPlayground() {
             </div>
           </div>
         </div>
-        <textarea ${styles('height: calc(100% - 38px);', 'border-0')} id="lits-textarea" class="fancy-scroll" spellcheck="false"></textarea>
+        <textarea ${styles('height: calc(100% - 32px);', 'border-0')} id="lits-textarea" class="fancy-scroll" spellcheck="false"></textarea>
       </div
   
       ><div id="resize-divider-2" ${styles('width: 5px;', 'h-full', 'cursor-col-resize', 'bg-gray-600', 'h-full')}></div
@@ -111,7 +111,7 @@ export function getPlayground() {
             </div>
           </div>
         </div>
-        <div class="fancy-scroll" ${styles('font-mono', 'bg-gray-850', 'p-2', 'text-sm', 'flex', 'flex-col', 'gap-2', 'height: calc(100% - 38px);', 'overflow-y: auto;')} id="output-result"></div>
+        <div class="fancy-scroll" ${styles('font-mono', 'bg-gray-850', 'p-2', 'text-sm', 'flex', 'flex-col', 'gap-2', 'height: calc(100% - 32px);', 'overflow-y: auto;')} id="output-result"></div>
       </div>
     </div>
   </div>
diff --git a/playground-www/public/styles.css b/playground-www/public/styles.css
index d7109e66..98327e06 100644
--- a/playground-www/public/styles.css
+++ b/playground-www/public/styles.css
@@ -27,6 +27,8 @@ textarea {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
+  overflow-x: auto;
+  white-space: nowrap;
 }
 
 input {