diff --git a/docs/_layouts/docs.html b/docs/_layouts/docs.html
index a01a85097..9bcf55cd7 100644
--- a/docs/_layouts/docs.html
+++ b/docs/_layouts/docs.html
@@ -12,7 +12,7 @@
 
     {% include nav-home.html %}
 
-    <div class="bd-pageheader text-xs-center text-sm-left">
+    <div class="bd-pageheader">
       <div class="container">
         {% include page-headers.html %}
         {% include ads.html %}
diff --git a/docs/assets/scss/_layout.scss b/docs/assets/scss/_layout.scss
index b31fa91c2..1c4ad6222 100644
--- a/docs/assets/scss/_layout.scss
+++ b/docs/assets/scss/_layout.scss
@@ -35,8 +35,9 @@
 
 .bd-pageheader {
   padding: 2rem .75rem;
-  margin-bottom: 3rem;
+  margin-bottom: 1.5rem;
   color: $bd-purple-light;
+  text-align: center;
   background-color: $bd-purple;
 
   .container {
@@ -57,6 +58,8 @@
   @include media-breakpoint-up(sm) {
     padding-top: 4rem;
     padding-bottom: 4rem;
+    margin-bottom: 3rem;
+    text-align: left;
 
     .carbonad {
       margin: 2rem 0 0 !important;