diff --git a/frappe/public/js/frappe/list/list_view.js b/frappe/public/js/frappe/list/list_view.js
index 8d738019a5..c095e56ac2 100644
--- a/frappe/public/js/frappe/list/list_view.js
+++ b/frappe/public/js/frappe/list/list_view.js
@@ -163,10 +163,13 @@ frappe.views.ListView = class ListView extends frappe.views.BaseList {
 	show_restricted_list_indicator_if_applicable() {
 		const match_rules_list = frappe.perm.get_match_rules(this.doctype);
 		if (match_rules_list.length) {
-			this.restricted_list = $(`<button class="restricted-button">${__('Restricted')}</button>`)
-				.prepend('<span class="octicon octicon-lock"></span>')
-				.click(() => this.show_restrictions(match_rules_list))
-				.appendTo(this.page.page_form);
+			this.restricted_list = $(
+				`<button class="btn btn-default btn-xs restricted-button flex align-center">
+					${frappe.utils.icon('lock', 'xs')}
+				</button>`
+			)
+			.click(() => this.show_restrictions(match_rules_list))
+			.appendTo(this.page.page_form);
 		}
 	}