import React from 'react'
import { Link } from 'react-router-dom'
import Icon from '../components/Icon'

export default function NotFoundPage() {
  return (
    <div className="NotFoundPage">
      <h1>
        I couldn&apos;t find that page <Icon i="error" s="xxl" />
      </h1>
      <p>
        <Icon i="error" /> 404 Not Found <Icon i="error" />{' '}
      </p>
      <p>
        <Link to="/">
          Go back <Icon i="home" /> home
        </Link>
      </p>
    </div>
  )
}

import React from 'react'
import { Link } from 'react-router-dom'
import Icon from '../components/Icon'

export default function NotFoundPage() {
  return (
    <div className="NotFoundPage">
      <section>
        <h1>
          I couldn&apos;t find that page <Icon i="error" s="xxl" />
        </h1>
        <p>
          <Icon i="error" /> 404 Not Found <Icon i="error" />{' '}
        </p>
        <p>
          <Link to="/">
            Go back <Icon i="home" /> home
          </Link>
        </p>
      </section>
    </div>
  )
}

Update spacing on Not Found page
Update spacing on Not Found page
