From 7bed3f4810faaa5bc44603c0a3a8409727b80821 Mon Sep 17 00:00:00 2001
From: Malav Shah <shahmalav1995@gmail.com>
Date: Thu, 25 Dec 2025 08:00:51 -0700
Subject: [PATCH 1/2] fix: code scroll issue on small screen (#8445)

* fix: code scroll issue on small screen

* fix: resolve horizontal scroll issue on small screens

* fix: improve handling of horizontal scroll on small screens

* fix: update overflow-wrap property for better code block handling
---
 packages/rehype-shiki/src/transformers/twoslash/index.css | 3 ++-
 .../ui-components/src/Common/BaseCodeBox/index.module.css | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/rehype-shiki/src/transformers/twoslash/index.css b/packages/rehype-shiki/src/transformers/twoslash/index.css
index 111ced3696eee..4ceaa24315153 100644
--- a/packages/rehype-shiki/src/transformers/twoslash/index.css
+++ b/packages/rehype-shiki/src/transformers/twoslash/index.css
@@ -6,10 +6,11 @@
 }
 
 .twoslash-popup-code {
-  max-width: 600px;
+  max-width: min(600px, 90vw);
   display: block;
   width: fit-content;
   user-select: none;
+  overflow-wrap: break-word;
 }
 
 .twoslash-popup-code:not(:has(div)) {
diff --git a/packages/ui-components/src/Common/BaseCodeBox/index.module.css b/packages/ui-components/src/Common/BaseCodeBox/index.module.css
index 6b0c781557865..662397f01ba62 100644
--- a/packages/ui-components/src/Common/BaseCodeBox/index.module.css
+++ b/packages/ui-components/src/Common/BaseCodeBox/index.module.css
@@ -2,6 +2,8 @@
 
 .root {
   @apply w-full
+    max-w-full
+    overflow-x-hidden
     rounded-sm
     border
     border-neutral-900
@@ -9,6 +11,7 @@
 
   .content {
     @apply m-0
+      min-w-0
       p-4;
 
     & > code {
@@ -16,6 +19,8 @@
         font-regular
         scrollbar-thin
         grid
+        max-w-full
+        [grid-template-columns:minmax(0,1fr)]
         overflow-x-auto
         bg-transparent
         p-0
@@ -27,7 +32,8 @@
       & > [class='line'] {
         @apply relative
           min-w-0
-          pl-8;
+          pl-8
+          [overflow-wrap:break-word];
 
         &:not(:empty:last-child)::before {
           @apply inline-block

From 33f53a6c1669510673056889611a83f0d397e437 Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Thu, 25 Dec 2025 17:24:43 +0000
Subject: [PATCH 2/2] meta: bump ui-components version manually

Signed-off-by: Claudio Wunder <cwunder@gnome.org>
---
 packages/ui-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
index ac7877705ed85..babd30832a37e 100644
--- a/packages/ui-components/package.json
+++ b/packages/ui-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@node-core/ui-components",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "type": "module",
   "exports": {
     "./*": [