diff --git a/erpnext/public/js/education/web-academy/components/ContentNavigation.vue b/erpnext/public/js/education/web-academy/components/ContentNavigation.vue
index 61e3988c58c..738dcd99963 100644
--- a/erpnext/public/js/education/web-academy/components/ContentNavigation.vue
+++ b/erpnext/public/js/education/web-academy/components/ContentNavigation.vue
@@ -1,8 +1,8 @@
 <template>
 	<div class="nav-buttons">
 		<button class='btn btn-outline-secondary' @click="$router.go(-1)">Back</button>
-		<button v-if="nextContent" class='btn btn-primary' @click="goNext()">Next</button>
-		<button v-else class='btn btn-primary' @click="finish()">Finish Course</button>
+		<button v-show="nextContent" class='btn btn-primary' @click="goNext()">Next</button>
+		<button v-show="!nextContent" class='btn btn-primary' @click="finish()">Finish Course</button>
 	</div>
 </template>
 
diff --git a/erpnext/public/js/education/web-academy/pages/AcademyCoursePage.vue b/erpnext/public/js/education/web-academy/pages/AcademyCoursePage.vue
index ca5434b7657..4149f4d10e5 100644
--- a/erpnext/public/js/education/web-academy/pages/AcademyCoursePage.vue
+++ b/erpnext/public/js/education/web-academy/pages/AcademyCoursePage.vue
@@ -16,7 +16,7 @@ export default {
 	name: "AcademyCoursePage",
 	data() {
 		return{
-			nextContent: '',
+			nextContent: true,
 			nextContentType: '',
 		}
 	},