diff --git a/frappe/public/scss/blog.scss b/frappe/public/scss/blog.scss
index 81d0e5e15f..046158f23b 100644
--- a/frappe/public/scss/blog.scss
+++ b/frappe/public/scss/blog.scss
@@ -64,7 +64,11 @@
 
 	.blog-title {
 		margin-top: 1rem;
-		font-size: 2.5rem;
+
+		@include media-breakpoint-up(xl) {
+			line-height: 1;
+			font-size: $font-size-4xl;
+		}
 	}
 
 	.blog-footer {
diff --git a/frappe/website/doctype/blog_post/templates/blog_post.html b/frappe/website/doctype/blog_post/templates/blog_post.html
index d199f741d9..dd3e59c3c1 100644
--- a/frappe/website/doctype/blog_post/templates/blog_post.html
+++ b/frappe/website/doctype/blog_post/templates/blog_post.html
@@ -26,6 +26,7 @@
 				{%- endif -%}
 			</div>
 		</div>
+		<hr class="my-5">
 		<div itemprop="articleBody" class="from-markdown">
 			{{ content }}
 		</div>