diff --git a/erpnext/public/scss/website.scss b/erpnext/public/scss/website.scss
index 735b417da1..617e916724 100644
--- a/erpnext/public/scss/website.scss
+++ b/erpnext/public/scss/website.scss
@@ -81,4 +81,10 @@
 
 .place-order-container {
 	text-align: right;
+}
+
+.kb-card {
+	.card-body > .card-title {
+		line-height: 1.3;
+	}
 }
\ No newline at end of file
diff --git a/erpnext/www/support/index.html b/erpnext/www/support/index.html
index 824f0bd5ba..afc437052d 100644
--- a/erpnext/www/support/index.html
+++ b/erpnext/www/support/index.html
@@ -11,13 +11,13 @@
 </section>
 
 {% if favorite_article_list %}
-<section class="section section-padding-top section-padding-bottom">
+<section class="section section-padding-top section-padding-bottom bg-light">
 	<div class='container'>
 		<h3>{{ _("Frequently Read Articles") }}</h3>
 		<div class="row">
 			{% for favorite_article in favorite_article_list %}
 				<div class="mt-4 col-12 col-sm-6 col-lg-4">
-					<div class="card card-md h-100">
+					<div class="card card-md h-100 kb-card">
 						<div class="card-body">
 							<h6 class="card-subtitle mb-2 text-uppercase small text-muted">{{ favorite_article['category'] }}</h6>
 							<h3 class="card-title">{{ favorite_article['title'] }}</h3>
@@ -33,7 +33,7 @@
 {% endif %}
 
 {% if help_article_list %}
-<section class="section section-padding-top section-padding-bottom bg-light">
+<section class="section section-padding-top section-padding-bottom">
 	<div class='container'>
 		<h3>{{ _("Help Articles") }}</h3>
 		<div class="row">