diff --git a/frappe/public/scss/website/base.scss b/frappe/public/scss/website/base.scss
index 90c98cfb45..30f7b81008 100644
--- a/frappe/public/scss/website/base.scss
+++ b/frappe/public/scss/website/base.scss
@@ -70,16 +70,16 @@ h3 {
 
 h4 {
 	font-size: 1.1rem;
-	margin-top: 1rem;
+	margin-top: 1.7rem;
 	margin-bottom: 0.5rem;
 
 	@include media-breakpoint-up(sm) {
 		font-size: 1.3rem;
-		margin-top: 1.25rem;
+		margin-top: 2rem;
 	}
 	@include media-breakpoint-up(xl) {
 		font-size: 1.5rem;
-		margin-top: 1.75rem;
+		margin-top: 2.5rem;
 	}
 
 	a {
diff --git a/frappe/public/scss/website/page_builder.scss b/frappe/public/scss/website/page_builder.scss
index da6c6b8e58..d16ea4e27d 100644
--- a/frappe/public/scss/website/page_builder.scss
+++ b/frappe/public/scss/website/page_builder.scss
@@ -16,12 +16,6 @@
 	}
 }
 
-.hero-title, .hero-subtitle {
-	max-width: 42rem;
-	margin-top: 0rem;
-	margin-bottom: 0.5rem;
-}
-
 .lead {
 	color: var(--text-muted);
 	font-weight: normal;
@@ -40,6 +34,12 @@
 	}
 }
 
+.hero-title, .hero-subtitle {
+	max-width: 42rem;
+	margin-top: 0rem;
+	margin-bottom: 0.5rem;
+}
+
 .hero.align-center {
 	h1, .hero-title, .hero-subtitle, .hero-buttons {
 		text-align: center;