diff --git a/frappe/public/js/frappe/views/reports/report_view.js b/frappe/public/js/frappe/views/reports/report_view.js
index cf9b62b4e5..aa9748b8e4 100644
--- a/frappe/public/js/frappe/views/reports/report_view.js
+++ b/frappe/public/js/frappe/views/reports/report_view.js
@@ -80,7 +80,7 @@ frappe.views.ReportView = class ReportView extends frappe.views.ListView {
 	setup_result_area() {
 		super.setup_result_area();
 		this.setup_charts_area();
-		this.$datatable_wrapper = $('<div class="datatable-wrapper rounded"></div>');
+		this.$datatable_wrapper = $('<div class="datatable-wrapper"></div>');
 		this.$result.append(this.$datatable_wrapper);
 		this.settings.onload && this.settings.onload(this);
 	}
diff --git a/frappe/public/scss/desk/frappe_datatable.scss b/frappe/public/scss/desk/frappe_datatable.scss
index ee785d7cb1..81660b83dd 100644
--- a/frappe/public/scss/desk/frappe_datatable.scss
+++ b/frappe/public/scss/desk/frappe_datatable.scss
@@ -12,13 +12,13 @@
 	--dt-border-radius: var(--border-radius);
 	--dt-cell-bg: var(--fg-color);
 	--dt-border-color: var(--table-border-color);
-	--dt-border-radius: var(--border-radius);
 	--dt-header-cell-bg: var(--subtle-fg);
 	--dt-selection-highlight-color: var(--highlight-color);
 
 	background-color: var(--bg-color);
 	margin-left: -1px;
 	margin-top: 0px;
+	border-radius: var(--dt-border-radius);
 	@include get_textstyle("base", "regular");
 
 	.dt-cell {