diff --git a/website/src/pages/404.js b/website/pages/404.js
similarity index 51%
rename from website/src/pages/404.js
rename to website/pages/404.js
index 29ff29bca..3eb621e70 100644
--- a/website/src/pages/404.js
+++ b/website/pages/404.js
@@ -1,15 +1,16 @@
 import React from 'react'
 import { window } from 'browser-monads'
+import classNames from 'classnames'
 
-import Template from '../templates/index'
-import { LandingHeader, LandingTitle } from '../components/landing'
-import Button from '../components/button'
-import { nightly, legacy } from '../../meta/dynamicMeta'
+import Template from '../src/templates/index'
+import { LandingHeader, LandingTitle } from '../src/components/landing'
+import { nightly, legacy } from '../meta/dynamicMeta'
+import classes from '../src/styles/button.module.sass'
 
-const page404 = ({ location }) => {
+const page404 = () => {
     const pageContext = { title: '404 Error', searchExclude: true, isIndex: false }
     return (
-        <Template pageContext={pageContext} location={location}>
+        <Template {...pageContext}>
             <LandingHeader style={{ minHeight: 400 }} nightly={nightly} legacy={legacy}>
                 <LandingTitle>
                     Ooops, this page
@@ -17,9 +18,12 @@ const page404 = ({ location }) => {
                     does not exist!
                 </LandingTitle>
                 <br />
-                <Button onClick={() => window.history.go(-1)} variant="tertiary">
+                <button
+                    onClick={() => window.history.go(-1)}
+                    className={classNames(classes.root, classes.tertiary)}
+                >
                     Click here to go back
-                </Button>
+                </button>
             </LandingHeader>
         </Template>
     )