diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md
index b289a5783c..0af6277497 100644
--- a/aio/content/guide/cheatsheet.md
+++ b/aio/content/guide/cheatsheet.md
@@ -1,3 +1,5 @@
+<div class="center-layout-wide">
+
 <h1 class="no-toc">Cheat Sheet</h1>
 
 <table class="is-full-width is-fixed-layout">
@@ -390,3 +392,5 @@ so the <code>@Directive</code> configuration applies to components as well</p>
 </td>
 </tr>
 </tbody></table>
+
+</div>
diff --git a/aio/content/marketing/about.html b/aio/content/marketing/about.html
index c006ad27ff..a3d3dc1e32 100644
--- a/aio/content/marketing/about.html
+++ b/aio/content/marketing/about.html
@@ -2,7 +2,7 @@
   <h1 class="banner-headline no-toc no-anchor">Angular Contributors</h1>
 </header>
 
-<article>
+<article class="center-layout-wide">
   <h2>Building For the Future</h2>
   <p>
     Angular is built by a team of engineers who share a passion for making web development feel
diff --git a/aio/src/styles/1-layouts/_layout-global.scss b/aio/src/styles/1-layouts/_layout-global.scss
index 16ea6c1ff1..13735e0c85 100644
--- a/aio/src/styles/1-layouts/_layout-global.scss
+++ b/aio/src/styles/1-layouts/_layout-global.scss
@@ -12,6 +12,11 @@ body,
   max-width: 62.5em;
 }
 
+.center-layout-wide {
+  margin: 0 auto;
+  max-width: 84em;
+}
+
 .github-links + .content h1 {
   max-width: 90%;
 }