diff --git a/doc/_templates/layout.html b/doc/_templates/layout.html
index c4210fe2..49ccaaf6 100644
--- a/doc/_templates/layout.html
+++ b/doc/_templates/layout.html
@@ -78,7 +78,7 @@
 </nav>
 {% if pagename == "index" %}
 {% set download_url = 'https://github.com/fmtlib/fmt/releases/download' %}
-<div class="tb-container jumbotron p-5">
+<div class="tb-container fmt-banner p-5">
   <h1>{fmt}</h1>
   <p class="lead">A modern formatting library</p>
   <div class="btn-group">
diff --git a/doc/fmt.scss b/doc/fmt.scss
index 8e849197..6725100b 100644
--- a/doc/fmt.scss
+++ b/doc/fmt.scss
@@ -1,6 +1,6 @@
 $header-bg: #094d75;
 
-.jumbotron {
+.fmt-banner {
   background-image:
     linear-gradient(to bottom, $header-bg 50%, darken($header-bg, 2%) 50%);
   background-size: 100% 4px;
@@ -10,6 +10,13 @@ $header-bg: #094d75;
   text-align: center;
 }
 
+.content, .fmt-navbar-content {
+  @extend .col-md-10;
+  @extend .offset-md-1;
+  @extend .col-lg-8;
+  @extend .offset-lg-2;
+}
+
 @import 'bootstrap/scss/bootstrap';
 
 /*$icon-font-path: "fonts/";
@@ -29,12 +36,12 @@ div.sphinxsidebar {
 }
 
 // Keep content not too wide for better readability.
-//.navbar-content, .content {
-//  @include make-md-column-offset(1);
-//  @include make-md-column(10);
-//  @include make-lg-column-offset(2);
-//  @include make-lg-column(8);
-//}
+.navbar-content, .content {
+  @include make-md-column-offset(1);
+  @include make-md-column(10);
+  @include make-lg-column-offset(2);
+  @include make-lg-column(8);
+}
 
 .footer {
   padding-top: 20px;