diff --git a/src/router/routes.js b/src/router/routes.js
index dfdcb94bf09e5bda0e1d889a9ef1a3b76f4d603b..0e380536d9565a4fbf192e8f8f2b695c4b56f5a2 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -12,7 +12,10 @@ const routes = [
   // but you can also remove it
   {
     path: '/:catchAll(.*)*',
-    component: () => import('pages/Error404.vue')
+    component: () => import('layouts/MainLayout.vue'),
+    children: [
+      { path: '', component: () => import('pages/Error404.vue') }
+    ]
   }
 ]