diff --git a/tests/test_prepare_mdbook.py b/tests/test_prepare_mdbook.py
index 69973df..98d330f 100644
--- a/tests/test_prepare_mdbook.py
+++ b/tests/test_prepare_mdbook.py
@@ -192,6 +192,8 @@ Reference :cite:`smith2024`.
             self.assertIn("padding: 0 !important;", rewritten)
             self.assertIn("border-radius: 6px;", rewritten)
             self.assertIn("background: #f6f8fa;", rewritten)
+            self.assertIn("max-width: var(--content-max-width);", rewritten)
+            self.assertIn("margin-inline: auto;", rewritten)
 
     def test_regular_page_does_not_render_frontpage_switch(self) -> None:
         with tempfile.TemporaryDirectory() as tmpdir:
diff --git a/tools/prepare_mdbook.py b/tools/prepare_mdbook.py
index 894a4c3..716d1bb 100644
--- a/tools/prepare_mdbook.py
+++ b/tools/prepare_mdbook.py
@@ -26,7 +26,9 @@ FRONTPAGE_LAYOUT_CSS = """
 <style>
 .openmlsys-frontpage {
   width: 100%;
+  max-width: var(--content-max-width);
   margin: 0 auto 3rem;
+  margin-inline: auto;
 }
 .openmlsys-frontpage-switch-row {
   margin: 12px 0 0;
@@ -95,16 +97,10 @@ FRONTPAGE_LAYOUT_CSS = """
   background: transparent !important;
   padding: 0 !important;
 }
-#content,
-.content {
-  max-width: min(1440px, calc(100vw - 48px));
-}
-.content main {
-  max-width: 75%;
-}
 .openmlsys-frontpage + ul,
 .openmlsys-frontpage + ul ul {
   max-width: 960px;
+  margin-inline: auto;
 }
 @media (max-width: 1000px) {
   .openmlsys-frontpage .mdl-cell,