meta title

src/pages/404.jsx

@@ -6,6 +6,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Link } from 'gatsby'
 import giphyAPI from 'giphy-js-sdk-core'
+import Helmet from 'react-helmet'
 import Layout from '../components/Layout'
 import Content from '../components/Content'
 import styles from './404.module.scss'
@@ -43,16 +44,18 @@ export default class NotFoundPage extends Component {
 
     render() {
         return (
+            <>
+                <Helmet title="404 - Not Found" />
                 <Layout location={this.props.location}>
                     <Content>
                         <article className={styles.content}>
                             <h1>Page not found.</h1>
                             <p>
-                            You just hit a route that doesn&#39;t exist... the
+                                You just hit a route that doesn&#39;t exist...
-                            sadness. Check your url,{' '}
+                                the sadness. Check your url,{' '}
-                            <Link to={'/'}>go back to the homepage</Link>, or
+                                <Link to={'/'}>go back to the homepage</Link>,
-                            check out some <em>{tag}</em> gifs, entirely your
+                                or check out some <em>{tag}</em> gifs, entirely
-                            choice.
+                                your choice.
                             </p>
 
                             <video
@@ -70,6 +73,7 @@ export default class NotFoundPage extends Component {
                         </article>
                     </Content>
                 </Layout>
+            </>
         )
     }
 }

src/pages/404.module.scss

@@ -6,6 +6,7 @@
     text-align: center;
 
     video {
+        margin-top: $spacer;
         margin-bottom: $spacer;
         display: block;
         width: auto;