diff --git a/erpnext/public/js/education/lms/lms.js b/erpnext/public/js/education/lms/lms.js
index 13938e3..103f45b 100644
--- a/erpnext/public/js/education/lms/lms.js
+++ b/erpnext/public/js/education/lms/lms.js
@@ -1,7 +1,7 @@
 import Vue from 'vue/dist/vue.js';
 import VueRouter from 'vue-router/dist/vue-router.js'
 
-import AcademyRoot from "./AcademyRoot.vue";
+import lmsRoot from "./lmsRoot.vue";
 import routes from './routes';
 import './call';
 
@@ -103,8 +103,8 @@
 	lms.view = new Vue({
 		el: "#lms-app",
 		router: new VueRouter({ routes }),
-		template: "<academy-root/>",
-		components: { AcademyRoot },
+		template: "<lms-root/>",
+		components: { lmsRoot },
 		created: function() {
 			if(lms.store.checkLogin()){
 				lms.store.updateState()
diff --git a/erpnext/public/js/education/lms/pages/AcademyCoursePage.vue b/erpnext/public/js/education/lms/pages/CoursePage.vue
similarity index 98%
rename from erpnext/public/js/education/lms/pages/AcademyCoursePage.vue
rename to erpnext/public/js/education/lms/pages/CoursePage.vue
index 9d50afe..260aefc 100644
--- a/erpnext/public/js/education/lms/pages/AcademyCoursePage.vue
+++ b/erpnext/public/js/education/lms/pages/CoursePage.vue
@@ -13,7 +13,7 @@
 
 export default {
 	props:['program_name', 'course', 'type', 'content'],
-	name: "AcademyCoursePage",
+	name: "CoursePage",
 	data() {
 		return{
 			nextContent: '',
diff --git a/erpnext/public/js/education/lms/pages/AcademyHome.vue b/erpnext/public/js/education/lms/pages/Home.vue
similarity index 98%
rename from erpnext/public/js/education/lms/pages/AcademyHome.vue
rename to erpnext/public/js/education/lms/pages/Home.vue
index 64a66f1..0931a19 100644
--- a/erpnext/public/js/education/lms/pages/AcademyHome.vue
+++ b/erpnext/public/js/education/lms/pages/Home.vue
@@ -15,7 +15,7 @@
 import AcademyTopSectionButton from "../components/AcademyTopSectionButton.vue"
 
 export default {
-    name: "AcademyHome",
+    name: "Home",
     data() {
     	return{
     		portal: {},
diff --git a/erpnext/public/js/education/lms/pages/AcademyProgramPage.vue b/erpnext/public/js/education/lms/pages/ProgramPage.vue
similarity index 98%
rename from erpnext/public/js/education/lms/pages/AcademyProgramPage.vue
rename to erpnext/public/js/education/lms/pages/ProgramPage.vue
index e9b0085..9a6c29a 100644
--- a/erpnext/public/js/education/lms/pages/AcademyProgramPage.vue
+++ b/erpnext/public/js/education/lms/pages/ProgramPage.vue
@@ -18,7 +18,7 @@
 
 export default {
 	props: ['program_name'],
-    name: "AcademyProgramPage",
+    name: "ProgramPage",
     components: {
         AButton: Button,
 		AcademyTopSection,
diff --git a/erpnext/public/js/education/lms/routes.js b/erpnext/public/js/education/lms/routes.js
index 8e4e865..450e655 100644
--- a/erpnext/public/js/education/lms/routes.js
+++ b/erpnext/public/js/education/lms/routes.js
@@ -1,11 +1,11 @@
-import AcademyHome from "./pages/AcademyHome.vue";
-import AcademyProgramPage from "./pages/AcademyProgramPage.vue";
-import AcademyCoursePage from "./pages/AcademyCoursePage.vue";
+import Home from "./pages/Home.vue";
+import ProgramPage from "./pages/ProgramPage.vue";
+import CoursePage from "./pages/CoursePage.vue";
 
 const routes = [
-	{name: 'home', path: '', component: AcademyHome},
-	{name: 'program', path: '/Program/:program_name', component: AcademyProgramPage, props: true},
-	{name: 'content', path: '/Program/:program_name/:course/:type/:content', component: AcademyCoursePage, props: true},
+	{name: 'home', path: '', component: Home},
+	{name: 'program', path: '/Program/:program_name', component: ProgramPage, props: true},
+	{name: 'content', path: '/Program/:program_name/:course/:type/:content', component: CoursePage, props: true},
 ];
 
 export default routes;
\ No newline at end of file