diff --git a/src/App.svelte b/src/App.svelte
index 56ab1f0a..0c81ca45 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -10,6 +10,7 @@
   import Status from './pages/status.svelte';
   import Member from './pages/Member.svelte';
   import Group from './pages/Group.svelte';
+  import PageNotFound from './pages/PageNotFound.svelte';
   import { Alert } from 'sveltestrap';
 import DiscordLogin from "./pages/DiscordLogin.svelte";
   import { onMount } from 'svelte';
@@ -81,5 +82,6 @@ import DiscordLogin from "./pages/DiscordLogin.svelte";
       <Alert color="danger">Please provide a group ID in the URL.</Alert>
     </Route>
     <Route path="status"><Status /></Route>
+    <Route component={PageNotFound}/>
   <Footer />
 </Router>
\ No newline at end of file
diff --git a/src/pages/PageNotFound.svelte b/src/pages/PageNotFound.svelte
new file mode 100644
index 00000000..75f60d1e
--- /dev/null
+++ b/src/pages/PageNotFound.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+    import { Container, Card, CardHeader, CardBody, Row, Col, CardTitle } from 'sveltestrap';
+    import { Link } from 'svelte-navigator';
+</script>
+
+<Container>
+    <Row>
+        <Col class="mx-auto" xs={12} lg={11} xl={10}>
+            <Card>
+                <CardHeader>
+                    <CardTitle style="margin-top: 8px; outline: none;">404. Page not found</CardTitle>
+                </CardHeader>
+                <CardBody>
+                    Looks like this page doesn't exist. <Link to="/">Go home</Link>?
+                </CardBody>
+            </Card>
+        </Col>
+    </Row>
+</Container>