diff --git a/frappe/public/scss/page-builder.scss b/frappe/public/scss/page-builder.scss
index a028e34158..a027864ee9 100644
--- a/frappe/public/scss/page-builder.scss
+++ b/frappe/public/scss/page-builder.scss
@@ -156,12 +156,17 @@
 }
 
 .nav-tabs {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+	overflow-y: hidden;
+
 	.nav-link {
 		color: $gray-700;
 		font-weight: 500;
 		border: none;
 		padding: 1rem 0.5rem;
 		margin-right: 2rem;
+		white-space: nowrap;
 
 		&:hover {
 			color: $primary;
@@ -171,7 +176,7 @@
 	.nav-link.active,
 	.nav-item.show .nav-link {
 		color: darken($primary, 5%);
-		background-color: #fff;
+		background-color: transparent;
 		border-bottom: 2px solid $primary;
 	}
 }
diff --git a/frappe/website/web_template/section_with_tabs/section_with_tabs.html b/frappe/website/web_template/section_with_tabs/section_with_tabs.html
index a03b99b139..0c206b1c48 100644
--- a/frappe/website/web_template/section_with_tabs/section_with_tabs.html
+++ b/frappe/website/web_template/section_with_tabs/section_with_tabs.html
@@ -21,7 +21,7 @@
 	{%- endif -%}
 
 	{%- endfor -%}
-	<ul class="nav nav-tabs flex-nowrap overflow-auto" role="tablist" aria-label="{{ title or '' }}">
+	<ul class="nav nav-tabs" role="tablist" aria-label="{{ title or '' }}">
 		{%- for tab in ns.tabs -%}
 		{%- set first_tab = true if loop.index0 == 0 else false -%}
 		<li class="nav-item">