diff --git a/frappe/public/js/frappe/ui/filters/filter_list.js b/frappe/public/js/frappe/ui/filters/filter_list.js
index 5bf0a7c2cb..e1e94d0723 100644
--- a/frappe/public/js/frappe/ui/filters/filter_list.js
+++ b/frappe/public/js/frappe/ui/filters/filter_list.js
@@ -255,7 +255,7 @@ frappe.ui.FilterGroup = class {
 		return $(`
 			<div class="filter-area">
 				<div class="filter-edit-area text-center">
-					<span class="text-muted empty-filters">No filters selected</span>
+					<div class="text-muted empty-filters">No filters selected</div>
 				</div>
 				<hr class="divider"></hr>
 				<div class="filter-action-buttons">
diff --git a/frappe/public/scss/filters.scss b/frappe/public/scss/filters.scss
index 49f70acbf1..8e3ec46878 100644
--- a/frappe/public/scss/filters.scss
+++ b/frappe/public/scss/filters.scss
@@ -33,6 +33,10 @@
 		}
 	}
 
+	.empty-filters {
+		padding: 3px;
+	}
+
 	.filter-action-buttons {
 		display: flex;
 		justify-content: space-between;