From c824944d16e52e3670c8ef58c6f387e34267145a Mon Sep 17 00:00:00 2001
From: Navya Singh <navyasingh@microsoft.com>
Date: Mon, 26 Oct 2026 14:34:14 -0700
Subject: [PATCH] Fix Docs and TSConfig horizontal overflow at reflow widths

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 .../src/templates/pages/css/documentation.scss             | 7 +++++--
 packages/typescriptlang-org/src/templates/tsconfig.scss    | 7 +++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/typescriptlang-org/src/templates/pages/css/documentation.scss b/packages/typescriptlang-org/src/templates/pages/css/documentation.scss
index 4e8f3d765e63..fdae08191669 100644
--- a/packages/typescriptlang-org/src/templates/pages/css/documentation.scss
+++ b/packages/typescriptlang-org/src/templates/pages/css/documentation.scss
@@ -96,8 +96,7 @@
 }
 
 .columns {
-  // 2 for the container, 0.6 for the item
-  margin: 0 -2.6rem;
+  margin: 0 -2rem;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -107,6 +106,10 @@
 
     .item {
       min-width: 240px;
+
+      @media (max-width: $screen-sm) {
+        min-width: 0;
+      }
     }
   }
 
diff --git a/packages/typescriptlang-org/src/templates/tsconfig.scss b/packages/typescriptlang-org/src/templates/tsconfig.scss
index 47731e4c5daa..4fdad8cbb1c9 100644
--- a/packages/typescriptlang-org/src/templates/tsconfig.scss
+++ b/packages/typescriptlang-org/src/templates/tsconfig.scss
@@ -80,6 +80,7 @@
         flex: 0 0 auto;
       }
       ol {
+        box-sizing: border-box;
         max-width: 100%;
         flex: 1 1 auto;
       }
@@ -87,6 +88,8 @@
         list-style: none;
         display: inline-block;
         margin-left: 8px;
+        max-width: calc(100% - 8px);
+        overflow-wrap: anywhere;
         a {
           color: var(--text-color);
           text-decoration: underline;
@@ -254,6 +257,10 @@
         padding-right: 20px;
         word-wrap: break-word;
 
+        pre .error > span {
+          min-width: 0;
+        }
+
         @media (max-width: $screen-xs) {
           border-right: none;
           padding-right: 0;