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;