diff --git a/frappe/public/scss/website/markdown.scss b/frappe/public/scss/website/markdown.scss
index 178b29e505..6b5f7cbb6e 100644
--- a/frappe/public/scss/website/markdown.scss
+++ b/frappe/public/scss/website/markdown.scss
@@ -5,7 +5,6 @@
 }
 
 .from-markdown {
-	color: $gray-700;
 	line-height: 1.7;
 
 	> :first-child {
@@ -34,6 +33,10 @@
 		line-height: 1.7;
 	}
 
+	p.lead {
+		@extend .lead;
+	}
+
 	li {
 		padding-top: 1px;
 		padding-bottom: 1px;
diff --git a/frappe/public/scss/website/page_builder.scss b/frappe/public/scss/website/page_builder.scss
index cb4cb7ed4b..da6c6b8e58 100644
--- a/frappe/public/scss/website/page_builder.scss
+++ b/frappe/public/scss/website/page_builder.scss
@@ -23,9 +23,11 @@
 }
 
 .lead {
+	color: var(--text-muted);
 	font-weight: normal;
 	font-size: 1.25rem;
-	margin-bottom: 1.5rem;
+	margin-top: -1rem;
+	margin-bottom: 2.5rem;
 }
 
 .hero-subtitle {