diff --git a/client/utils/gatsby/layoutSelector.js b/client/utils/gatsby/layoutSelector.js
index 5e35c174dc..967b838583 100644
--- a/client/utils/gatsby/layoutSelector.js
+++ b/client/utils/gatsby/layoutSelector.js
@@ -8,6 +8,7 @@ import {
 } from '../../src/components/layouts';
 // eslint-disable-next-line max-len
 import GuideNavMenu from '../../src/components/layouts/components/guide/NavMenu';
+import FourOhFourPage from '../../src/pages/404';
 
 export default function layoutSelector({ element, props }) {
   const {
@@ -20,6 +21,9 @@ export default function layoutSelector({ element, props }) {
       </DefaultLayout>
     );
   }
+  if (element.type === FourOhFourPage) {
+    return <DefaultLayout pathname={pathname}>{element}</DefaultLayout>;
+  }
   if (/^\/certification(\/.*)*/.test(pathname)) {
     return <CertificationLayout>{element}</CertificationLayout>;
   }