diff --git a/misc/docusaurus/src/css/custom.css b/misc/docusaurus/src/css/custom.css
index 58afeea4a35..feee9badf9d 100644
--- a/misc/docusaurus/src/css/custom.css
+++ b/misc/docusaurus/src/css/custom.css
@@ -35,6 +35,8 @@
   --ifm-links-hover-background-color: var(--ifm-color-primary-light);
   --ifm-color-secondary: var(--ifm-color-primary-light);
   --ifm-color-white: var(--ifm-color-primary);
+
+  --content-max-w: 50rem;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -61,7 +63,7 @@
 body {
   margin-left: auto;
   margin-right: auto;
-  max-width: 84rem;
+  max-width: 100rem;
   padding-inline: 1rem;
 }
 
@@ -114,6 +116,10 @@ pre code {
   }
 }
 
+.theme-doc-markdown {
+  max-width: var(--content-max-w, 700px);
+}
+
 .navbar-sidebar--show ~ .main-wrapper {
   filter: blur(2px);
 }
@@ -126,6 +132,7 @@ pre code {
 .pagination-nav {
   grid-template-columns: repeat(1, 100%);
   grid-template-rows: repeat(2, 1fr);
+  max-width: var(--content-max-w, 700px);
 }
 .pagination-nav__link--next {
   grid-column: 1/2;