diff --git a/src/router/index.js b/src/router/index.js
index 22662d7..73f3186 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,6 +2,7 @@
 import VueRouter from 'vue-router';
 import store from '../store/index';
 import AppLayout from '../layouts/AppLayout.vue';
+import LoginLayout from '@/layouts/LoginLayout';
 
 Vue.use(VueRouter);
 
@@ -131,11 +132,17 @@
   },
   {
     path: '/login',
-    name: 'login',
-    component: () => import('@/views/Login'),
-    meta: {
-      title: 'appPageTitle.login'
-    }
+    component: LoginLayout,
+    children: [
+      {
+        path: '',
+        name: 'login',
+        component: () => import('@/views/Login'),
+        meta: {
+          title: 'appPageTitle.login'
+        }
+      }
+    ]
   }
 ];