diff --git a/packages/docs/build/Caddyfile b/packages/docs/build/Caddyfile
index 947cdf2..85c6410 100644
--- a/packages/docs/build/Caddyfile
+++ b/packages/docs/build/Caddyfile
@@ -1,7 +1,7 @@
 www.slimfact.app {
   handle {
     root * /srv/www.slimfact.app
-    try_files {path}.html {path} /index.html
+    try_files {path}.html {path} /404.html
     file_server
   }
 }
\ No newline at end of file
diff --git a/packages/docs/src/pages/Error404Page.vue b/packages/docs/src/pages/Error404Page.vue
index 4a196aa..c040c84 100644
--- a/packages/docs/src/pages/Error404Page.vue
+++ b/packages/docs/src/pages/Error404Page.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center"
+    class="fullscreen bg-primary text-white text-center q-pa-md flex flex-center"
   >
     <div>
       <div style="font-size: 30vh">404</div>
diff --git a/packages/docs/src/router/routes.ts b/packages/docs/src/router/routes.ts
index e9457ad..7c96902 100644
--- a/packages/docs/src/router/routes.ts
+++ b/packages/docs/src/router/routes.ts
@@ -24,7 +24,8 @@ const routes: RouteRecordRaw[] = [
   // Always leave this as last one,
   // but you can also remove it
   {
-    path: '/:catchAll(.*)*',
+    path: '/404',
+    alias: '/:catchAll(.*)*',
     component: () => import('src/pages/Error404Page.vue')
   }
 ]