diff --git a/aio/content/file-not-found.md b/aio/content/file-not-found.md
index da2acbcada..880e42cda2 100644
--- a/aio/content/file-not-found.md
+++ b/aio/content/file-not-found.md
@@ -1,10 +1,10 @@
-@description
-
-<div class="nf-container l-flex-wrap flex-center">
+<div class="center-layout-wide">
+  <div class="nf-container l-flex-wrap flex-center">
     <img src="assets/images/support/angular-404.svg" width="300" height="300"/>
     <div class="nf-response l-flex-wrap">
-        <h1 class="no-anchor no-toc">Page Not Found</h1>
-        <p>We're sorry. The page you are looking for cannot be found.</p>
+      <h1 class="no-anchor no-toc">Page Not Found</h1>
+      <p>We're sorry. The page you are looking for cannot be found.</p>
     </div>
+  </div>
+  <aio-file-not-found-search></aio-file-not-found-search>
 </div>
-<aio-file-not-found-search></aio-file-not-found-search>
diff --git a/aio/src/styles/1-layouts/_content-layout.scss b/aio/src/styles/1-layouts/_content-layout.scss
index 63dc42416e..b64103fa32 100644
--- a/aio/src/styles/1-layouts/_content-layout.scss
+++ b/aio/src/styles/1-layouts/_content-layout.scss
@@ -20,7 +20,9 @@
     padding: 80px 1rem 1rem;
   }
 
-  @include marketing-pages($extraSelectors: ('.page-api', '.page-guide-cheatsheet'), $nestParentSelector: true) {
+  @include marketing-pages(
+      $extraSelectors: ('.page-api', '.page-file-not-found', '.page-guide-cheatsheet'),
+      $nestParentSelector: true) {
     max-width: none;
   }