diff --git a/src/router/index.js b/src/router/index.js
index 0a195eac..ff424c75 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,7 +17,9 @@ const routes = [
         // this generates a separate chunk (about.[hash].js) for this route
         // which is lazy-loaded when the route is visited.
         component: () =>
-          import(/* webpackChunkName: "dashboard" */ '@/views/Dashboard.vue'),
+          import(
+            /* webpackChunkName: "dashboard" */ '@/views/dashboard/Dashboard.vue'
+          ),
       },
       {
         path: '/theme',
diff --git a/src/views/Dashboard.vue b/src/views/dashboard/Dashboard.vue
similarity index 98%
rename from src/views/Dashboard.vue
rename to src/views/dashboard/Dashboard.vue
index 3959c270..91421320 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -28,7 +28,7 @@
               </CCol>
             </CRow>
             <CRow>
-              <MainChartExample
+              <MainChart
                 style="height: 300px; max-height: 300px; margin-top: 40px"
               />
             </CRow>
@@ -275,14 +275,14 @@ import avatar3 from '@/assets/images/avatars/3.jpg'
 import avatar4 from '@/assets/images/avatars/4.jpg'
 import avatar5 from '@/assets/images/avatars/5.jpg'
 import avatar6 from '@/assets/images/avatars/6.jpg'
-import MainChartExample from './charts/MainChartExample'
-import WidgetsStatsA from './widgets/WidgetsStatsTypeA.vue'
-import WidgetsStatsD from './widgets/WidgetsStatsTypeD.vue'
+import MainChart from './MainChart'
+import WidgetsStatsA from './../widgets/WidgetsStatsTypeA.vue'
+import WidgetsStatsD from './../widgets/WidgetsStatsTypeD.vue'
 
 export default {
   name: 'Dashboard',
   components: {
-    MainChartExample,
+    MainChart,
     WidgetsStatsA,
     WidgetsStatsD,
   },
diff --git a/src/views/charts/MainChartExample.vue b/src/views/dashboard/MainChart.vue
similarity index 100%
rename from src/views/charts/MainChartExample.vue
rename to src/views/dashboard/MainChart.vue