diff --git a/erpnext/www/lms/index.html b/erpnext/www/lms/index.html
index be536ffb2c9..54eb7c48fb5 100644
--- a/erpnext/www/lms/index.html
+++ b/erpnext/www/lms/index.html
@@ -32,27 +32,26 @@
 	</style>
 {% endblock %}
 
-
 {% macro card(program, is_enrolled) %}
-<div class="col-sm mb-4 text-left">
-	<div class="card">
-		<a href="/lms/program?name={{ program.name }}" class="no-decoration no-underline">
-			{% if program.hero_image %}
-			<div class="card-hero-img" style="background-image: url({{ program.hero_image }})"></div>
-			{% else %}
-			<div class="card-image-wrapper text-center">
-				<div class="image-body">{{ program.program_name }}</div>
-			</div>
-			{% endif %}
-			<div class='card-body'>
-				<h5 class='card-title'>{{ program.program_name }}</h5>
-				<div>{{ program.description }}</div>
-			</div>
-			<div class='card-footer'>
-				<a class='small'>Watch Intro</a>
-			</div>
-		</a>
+<div class="col-sm-6 mb-4 text-left">
+	<a href="/lms/program?name={{ program.name }}" class="no-decoration no-underline">
+	<div class="card h-100">
+		{% if program.hero_image %}
+		<div class="card-hero-img" style="background-image: url({{ program.hero_image }})"></div>
+		{% else %}
+		<div class="card-image-wrapper text-center">
+			<div class="image-body">{{ program.program_name }}</div>
+		</div>
+		{% endif %}
+		<div class='card-body'>
+			<h5 class='card-title'>{{ program.program_name }}</h5>
+			<div>{{ program.description }}</div>
+		</div>
+		<div class='card-footer'>
+			<span class='small'>Watch Intro</span>
+		</div>
 	</div>
+	</a>
 </div>
 {% endmacro %}