diff --git a/erpnext/hooks.py b/erpnext/hooks.py
index 6c42c5cfcdb..bdb0b31b4ba 100644
--- a/erpnext/hooks.py
+++ b/erpnext/hooks.py
@@ -169,9 +169,9 @@ default_roles = [
 	{'role': 'Student', 'doctype':'Student', 'email_field': 'student_email_id'},
 ]
 
-role_home_page = {
-	"LMS User": "/lms"
-}
+# role_home_page = {
+# 	"LMS User": "/lms"
+# }
 
 has_website_permission = {
 	"Sales Order": "erpnext.controllers.website_list_for_contact.has_website_permission",
diff --git a/erpnext/public/js/education/lms/components/CardList.vue b/erpnext/public/js/education/lms/components/CardList.vue
index 00ea5afc19f..21a23dfa7ae 100644
--- a/erpnext/public/js/education/lms/components/CardList.vue
+++ b/erpnext/public/js/education/lms/components/CardList.vue
@@ -1,8 +1,8 @@
 <template>
-	<section :class='sectionType'>
-	<div>
-		<h3 class='text-center' v-html="title"></h3>
-		<p class='lead text-center' v-html="description"></p>
+	<section class="featured-products-section" :class='sectionType'>
+	<h5 class='featured-heading' v-html="title"></h5>
+	<div class="featured-products">
+		<!-- <p class='lead text-center' v-html="description"></p> -->
 		<slot name="card-list-slot"></slot>
 		<div class='mt-4 text-center'>
 			<slot name="list-bottom"></slot>
@@ -15,4 +15,14 @@ export default {
     props:['title', 'description', 'sectionType'],
     name: "CardList",
 };
-</script>
\ No newline at end of file
+</script>
+<style scoped>
+
+.featured-heading {
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+</style>
diff --git a/erpnext/public/js/education/lms/components/ProgramCard.vue b/erpnext/public/js/education/lms/components/ProgramCard.vue
index bbe6ba594e9..53e06ae023d 100644
--- a/erpnext/public/js/education/lms/components/ProgramCard.vue
+++ b/erpnext/public/js/education/lms/components/ProgramCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class='card-deck mt-5'>
+<div class='margin'>
     <div class="card">
         <img v-if="program.hero_image" :src="program.hero_image" style='height: 150px; width: auto'>
         <div class='card-body'>
@@ -79,4 +79,14 @@ export default {
     a.btn-secondary {
         color: white !important;
     }
+
+    .card {
+        border: 1px solid #ebeff2;
+        border-radius: 3px;
+        padding: 5px 15px 5px 15px;
+    }
+
+    .margin {
+        margin-top: 15px;
+    }
 </style>
\ No newline at end of file
diff --git a/erpnext/public/js/education/lms/components/TopSection.vue b/erpnext/public/js/education/lms/components/TopSection.vue
index 6d21522720c..c27d0031efb 100644
--- a/erpnext/public/js/education/lms/components/TopSection.vue
+++ b/erpnext/public/js/education/lms/components/TopSection.vue
@@ -1,15 +1,11 @@
 <template>
-<section class='top-section'>
-	<div>
-		<h1 v-html="title"></h1>
-		<ul class="list-group">
-		</ul>
-		<p class='lead' v-html="description"></p>
-		<p class="mt-4">
-			<slot></slot>
-		</p>
-	</div>
-</section>
+<div class="hero">
+	<h1 class="text-center" v-html="title"></h1>
+	<p class='text-center' v-html="description"></p>
+	<p class="text-center padding">
+		<slot></slot>
+	</p>
+</div>
 </template>
 <script>
 
@@ -17,4 +13,15 @@ export default {
 	props: ['title', 'description'],
     name: "TopSection",
 };
-</script>
\ No newline at end of file
+</script>
+<style scoped>
+	.hero {
+		padding-top: 50px;
+		padding-bottom: 100px;
+	}
+
+	.hero h1 {
+		font-size: 40px;
+		font-weight: 200;
+	}
+</style>
diff --git a/erpnext/public/js/education/lms/pages/Home.vue b/erpnext/public/js/education/lms/pages/Home.vue
index de4415f20e5..569008674f9 100644
--- a/erpnext/public/js/education/lms/pages/Home.vue
+++ b/erpnext/public/js/education/lms/pages/Home.vue
@@ -5,7 +5,7 @@
     </TopSection>
 	<CardList :title="'Featured Programs'" :description="'Master ERPNext'" :sectionType="'section-padding section-bg'">
         <ProgramCard slot="card-list-slot" v-for="item in featuredPrograms" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/>
-        <AButton slot="list-bottom" :type="'primary'" :size="'lg'" :route="'List/Program'">View All</AButton>
+        <AButton slot="list-bottom" :type="'primary'" :size="'md'" :route="'List/Program'">View All</AButton>
     </CardList>
 </div>
 </template>
diff --git a/erpnext/public/node_modules b/erpnext/public/node_modules
new file mode 120000
index 00000000000..20995099c36
--- /dev/null
+++ b/erpnext/public/node_modules
@@ -0,0 +1 @@
+/Users/shivammishra/Projects/ERPNext/yet-another-bench/apps/erpnext/node_modules
\ No newline at end of file