chore: Fix footer on 404 page

newrelic · Jun 19, 2020 · 60a5c75 · 60a5c75
1 parent cebe70f
commit 60a5c75
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/pages/404.js b/src/pages/404.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import cx from 'classnames';
 import { Link } from 'gatsby';
 import SEO from '../components/Seo';
 import SkewedContainer from '../components/SkewedContainer';
@@ -22,7 +23,9 @@ const NotFoundPage = ({ pageContext }) => (
           </p>
         </SkewedContainer>
       </div>
-      <Footer />
+      <div className={styles.footerContainer}>
+        <Footer className={cx(styles.footer, 'site-container')} />
+      </div>
     </div>
   </PageContext.Provider>
 );

diff --git a/src/pages/404.module.scss b/src/pages/404.module.scss
@@ -22,3 +22,13 @@
   font-size: 1.125rem;
   padding: 8rem 0;
 }
+
+.footerContainer {
+  background: var(--color-neutrals-800);
+  padding: 1.5rem;
+}
+
+.footer {
+  color: var(--color-teal-300);
+  padding: 0 2rem;
+}