diff --git a/erpnext/public/js/education/lms/components/Breadcrumb.vue b/erpnext/public/js/education/lms/components/Breadcrumb.vue
index f816c3cebe1..e7c0fc34bb2 100644
--- a/erpnext/public/js/education/lms/components/Breadcrumb.vue
+++ b/erpnext/public/js/education/lms/components/Breadcrumb.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<span v-for="(route, index) in routeData">
-			<a href="route.route">{{ route.label }}</a><span> / </span>
+			<router-link :to="route.route">{{ route.label }}</router-link><span> / </span>
 		</span>
 	</div>
 </template>