diff --git a/erpnext/public/js/education/lms/components/Navigation.vue b/erpnext/public/js/education/lms/components/ContentNavigation.vue
similarity index 98%
rename from erpnext/public/js/education/lms/components/Navigation.vue
rename to erpnext/public/js/education/lms/components/ContentNavigation.vue
index 9a64177f86c..7495717ec13 100644
--- a/erpnext/public/js/education/lms/components/Navigation.vue
+++ b/erpnext/public/js/education/lms/components/ContentNavigation.vue
@@ -9,7 +9,7 @@
 <script>
 export default {
 	props: ['nextContent', 'nextContentType'],
-	name: 'Navigation',
+	name: 'ContentNavigation',
 	methods: {
 		goNext() {
 			if(this.$route.params.type != "Quiz"){
diff --git a/erpnext/public/js/education/lms/components/Title.vue b/erpnext/public/js/education/lms/components/ContentTitle.vue
similarity index 96%
rename from erpnext/public/js/education/lms/components/Title.vue
rename to erpnext/public/js/education/lms/components/ContentTitle.vue
index b9438566899..bfffec27e55 100644
--- a/erpnext/public/js/education/lms/components/Title.vue
+++ b/erpnext/public/js/education/lms/components/ContentTitle.vue
@@ -20,7 +20,7 @@
 <script>
 export default {
     props: ['title', 'publishDate', 'author'],
-    name: 'Title',
+    name: 'ContentTitle',
     data() {
         return {