diff --git a/erpnext/public/js/education/lms/components/ProgramCard.vue b/erpnext/public/js/education/lms/components/ProgramCard.vue
index da3ce6c1d78..827e6d2c499 100644
--- a/erpnext/public/js/education/lms/components/ProgramCard.vue
+++ b/erpnext/public/js/education/lms/components/ProgramCard.vue
@@ -9,7 +9,7 @@
             <div v-html="program.description"></div>
         </div>
         <div class='text-right p-3'>
-            <a-button v-if="enrolled" type="primary" size="sm" :route="programPageRoute">
+            <a-button v-if="enrolled" type="dark" size="sm" :route="programPageRoute">
                     {{ buttonName }}
             </a-button>
             <a v-else-if="isLogin" class='btn btn-secondary btn-sm' @click="enroll()">{{ enrollButton }}</a>
@@ -46,12 +46,12 @@ export default {
     },
     computed: {
         buttonName() {
-                if(this.enrolled){
-                    return "Explore Program"
-                }
-                else {
-                    return "Enroll"
-                }
+            if(this.enrolled){
+                return "Explore Program"
+            }
+            else {
+                return "Enroll"
+            }
         },
         programPageRoute() {
             return this.programRoute