diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index 3c2231502f7..0611dd7678f 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -53,6 +53,13 @@
   --sl-color-gray-7: #010409;
 }
 
+/* Widen central docs content on large screens while avoiding TOC overflow on mid-width viewports. */
+@media (min-width: 1200px) {
+  :root {
+    --sl-content-width: 60rem;
+  }
+}
+
 /* Light Theme Colors */
 :root[data-theme='light'] {
   --sl-color-accent-low: #5b3da3;