diff --git a/templates/about-base.html b/templates/about-base.html
index 3cee859cd..a7366f831 100644
--- a/templates/about-base.html
+++ b/templates/about-base.html
@@ -1,5 +1,9 @@
 {% extends "base.html" %}
 
+{%- block body_classes -%}
+centered
+{%- endblock body_classes -%}
+
 {% block header %}
     <div class="docsrs-package-container">
         <div class="container">
diff --git a/templates/core/home.html b/templates/core/home.html
index 1c4593ae2..a99fb6edc 100644
--- a/templates/core/home.html
+++ b/templates/core/home.html
@@ -2,6 +2,10 @@
 
 {%- block title -%}Docs.rs{%- endblock title -%}
 
+{%- block body_classes -%}
+centered
+{%- endblock body_classes -%}
+
 {%- block body -%}
     <div class="container landing">
         <h1 class="brand">{{ "cubes" | fas(fw=true) }} Docs.rs</h1>
diff --git a/templates/style/style.scss b/templates/style/style.scss
index a5da2da43..a88a4341b 100644
--- a/templates/style/style.scss
+++ b/templates/style/style.scss
@@ -211,7 +211,6 @@ pre {
 
 div.container {
     max-width: 1160px;
-    margin: 0 auto;
     text-align: left;
 
     > .chartjs-render-monitor {
@@ -220,6 +219,10 @@ div.container {
     }
 }
 
+body.centered div.container {
+    margin: 0 auto;
+}
+
 div.landing {
     text-align: center;
     padding-top: 30px;