diff --git a/src/index.js b/src/index.js
index 8105a43..38b7528 100644
--- a/src/index.js
+++ b/src/index.js
@@ -11,6 +11,7 @@ import {
 
 import HomeView from '~/src/views/HomeView'
 import PlayerView from '~/src/views/PlayerView'
+import NotFoundView from '~/src/views/NotFoundView'
 
 import '@fontsource/open-sans'
 import '~/src/style/base.css'
@@ -42,16 +43,7 @@ function App () {
             top100
           </Route>
           <Route>
-            <div>
-              <h1>404</h1>
-              <a href='/'>
-                Home
-              </a>
-              |
-              <a href='https://github.com/He4eT/ifplayer/issues'>
-                Report bug
-              </a>
-            </div>
+            <NotFoundView />
           </Route>
         </Switch>
 
diff --git a/src/views/NotFoundView.jsx b/src/views/NotFoundView.jsx
new file mode 100644
index 0000000..494c6cd
--- /dev/null
+++ b/src/views/NotFoundView.jsx
@@ -0,0 +1,21 @@
+import { h } from 'preact'
+import { Link } from 'wouter-preact'
+
+export default () => (
+  <main>
+    <div class='status'>
+      <h1>404</h1>
+      <p>Page not found</p>
+      <hr />
+      <Link href='/'>
+        Home
+      </Link>
+      |
+      <a
+        target='_blank'
+        href='https://github.com/He4eT/ifplayer/issues'>
+        Report bug
+      </a>
+    </div>
+  </main>
+)