diff --git a/frappe/public/js/frappe/list/base_list.js b/frappe/public/js/frappe/list/base_list.js
index 69b8f9e7f8..16cec033a1 100644
--- a/frappe/public/js/frappe/list/base_list.js
+++ b/frappe/public/js/frappe/list/base_list.js
@@ -153,6 +153,7 @@ frappe.views.BaseList = class BaseList {
 	setup_page() {
 		this.page = this.parent.page;
 		this.$page = $(this.parent);
+		this.page.main.addClass('frappe-card');
 		this.page.page_form.removeClass("row").addClass("flex");
 		this.setup_page_head();
 	}
diff --git a/frappe/public/scss/page.scss b/frappe/public/scss/page.scss
index 7397f05b15..1b24c4b446 100644
--- a/frappe/public/scss/page.scss
+++ b/frappe/public/scss/page.scss
@@ -45,13 +45,13 @@
 	}
 }
 
-.page-form {
-	padding-top: 24px;
+.layout-main-section-wrapper {
+	margin-bottom: 60px;
 }
 
-.layout-main-section-wrapper {
-	padding: 0px;
-	margin-bottom: 60px;
+.layout-main-section.frappe-card {
+	overflow: hidden;
+	@include card();
 }
 
 .page-head {
@@ -75,10 +75,11 @@
 
 .page-form {
 	margin: 0;
-	padding: 5px 10px;
+	padding: var(--padding-sm);
 	display: flex;
 	flex-wrap: wrap;
 	background-color: var(--card-bg);
+	border-bottom: 1px solid var(--gray-100);
 
 	.form-group {
 		padding: 0px 5px;