diff --git a/erpnext/www/lms/course.html b/erpnext/www/lms/course.html
index f8618e0..250c39d 100644
--- a/erpnext/www/lms/course.html
+++ b/erpnext/www/lms/course.html
@@ -96,7 +96,7 @@
 				{{ card(topic) }}
 			{% endfor %}
 			{% if topics %}
-				{% for n in range(3 - ((topics|length)%3)) %}
+				{% for n in range(((topics|length)%3)) %}
 					{{ null_card() }}
 				{% endfor %}
 			{% endif %}
diff --git a/erpnext/www/lms/index.html b/erpnext/www/lms/index.html
index 3e107ac..0114235 100644
--- a/erpnext/www/lms/index.html
+++ b/erpnext/www/lms/index.html
@@ -55,7 +55,7 @@
 				{{ program_card(program.program, program.has_access) }}
 			{% endfor %}
 			{% if featured_programs %}
-				{% for n in range(3 - ((featured_programs|length)%3)) %}
+				{% for n in range((featured_programs|length)%3) %}
 					{{ null_card() }}
 				{% endfor %}
 			{% endif %}
diff --git a/erpnext/www/lms/program.html b/erpnext/www/lms/program.html
index b6d6966..6c144d4 100644
--- a/erpnext/www/lms/program.html
+++ b/erpnext/www/lms/program.html
@@ -77,7 +77,7 @@
 				{{ card(course) }}
 			{% endfor %}
 			{% if courses %}
-				{% for n in range(3 - ((courses|length)%3)) %}
+				{% for n in range((courses|length)%3) %}
 					{{ null_card() }}
 				{% endfor %}
 			{% endif %}
diff --git a/erpnext/www/lms/topic.html b/erpnext/www/lms/topic.html
index 3bbfbd0..3e439fc 100644
--- a/erpnext/www/lms/topic.html
+++ b/erpnext/www/lms/topic.html
@@ -1,5 +1,5 @@
 {% extends "templates/base.html" %}
-{% block title %}Topic Title{% endblock %}
+{% block title %}{{ topic.name }}{% endblock %}
 {% from "www/lms/macros/hero.html" import hero %}
 {% from "www/lms/macros/card.html" import null_card %}
 
@@ -13,7 +13,7 @@
 
 
 {% macro card(content, index, length) %}
-<div class="col-sm-{{ 12 if length%3 == 1 and index == 1 else 6 if length%3 == 2 and index in [1,2] else 4}} mb-4 text-left">
+<div class="col-sm-4 mb-4 text-left">
 	<a href="/lms/content?program={{ program }}&course={{ course }}&topic={{ topic.name }}&type={{ content.content_type }}&content={{ content.content.name }}" class="no-decoration no-underline">
 	<div class="card h-100">
 		<div class='card-body'>
@@ -48,7 +48,7 @@
 				{{ card(content, loop.index, topic.contents|length) }}
 			{% endfor %}
 			{% if contents %}
-				{% for n in range(3 - ((contents|length)%3)) %}
+				{% for n in range((contents|length)%3) %}
 					{{ null_card() }}
 				{% endfor %}
 			{% endif %}