diff --git a/themes/phenomic-theme-base/content/404.md b/themes/phenomic-theme-base/content/404.md
index ee596d877..a2d3df846 100644
--- a/themes/phenomic-theme-base/content/404.md
+++ b/themes/phenomic-theme-base/content/404.md
@@ -1,9 +1,8 @@
 ---
 layout: PageError
 route: 404.html
-# hero credit: https://www.flickr.com/photos/mypubliclands/16101654539/
-hero: https://farm8.staticflickr.com/7559/16101654539_bee5151340_k.jpg
 ---
 <!---
   Content here not used, see ``src/layouts/PageError``
+  Please edit PageError layout instead.
 -->
diff --git a/themes/phenomic-theme-base/src/layouts/PageError/index.js b/themes/phenomic-theme-base/src/layouts/PageError/index.js
index e6f0ee445..0e97e6812 100644
--- a/themes/phenomic-theme-base/src/layouts/PageError/index.js
+++ b/themes/phenomic-theme-base/src/layouts/PageError/index.js
@@ -4,11 +4,12 @@ import Page from "../Page"
 
 import styles from "./index.css"
 
-const PageError = ({ error, errorText, ...otherProps }) => (
+const PageError = ({ error, errorText }) => (
   <Page
-    { ...otherProps }
-    // we don't need body content
-    body={ undefined }
+    head={{
+      // hero credit: https://www.flickr.com/photos/mypubliclands/16101654539/
+      hero: "https://farm8.staticflickr.com/7559/16101654539_bee5151340_k.jpg",
+    }}
   >
     <div className={ styles.container }>
       <div className={ styles.oops }>{ "😱 Oooops!" }</div>