diff --git a/frappe/public/js/frappe/web_form/web_form_list.js b/frappe/public/js/frappe/web_form/web_form_list.js
index 09127a9f7f..8d2959e49f 100644
--- a/frappe/public/js/frappe/web_form/web_form_list.js
+++ b/frappe/public/js/frappe/web_form/web_form_list.js
@@ -141,16 +141,26 @@ export default class WebFormList {
 			empty_state.classList.add("no-result", "text-muted", "flex", "justify-center", "align-center");
 
 			frappe.has_permission(this.doctype, "", "create", () => {
-				new_button = `<a class="btn btn-primary btn-sm btn-new-doc hidden-xs" href="${window.location.pathname}?new=1">
-					${__("Create a new {0}", [__(this.doctype)])}
-					</a>`;
-
-				empty_state.innerHTML = `<div class="text-center">
-				<div>
-					<img src="/assets/frappe/images/ui-states/list-empty-state.svg" alt="Generic Empty State" class="null-state">
-				</div>
-				<p class="small mb-2">${__("No {0} found", [__(this.doctype)])}</p>
-				${new_button}`;
+				new_button = `
+					<a 
+						class="btn btn-primary btn-sm btn-new-doc hidden-xs" 
+						href="${window.location.pathname}?new=1">
+						${__("Create a new {0}", [__(this.doctype)])}
+					</a>
+				`;
+
+				empty_state.innerHTML = `
+					<div class="text-center">
+						<div>
+							<img 
+								src="/assets/frappe/images/ui-states/list-empty-state.svg" 
+								alt="Generic Empty State" 
+								class="null-state">
+						</div>
+						<p class="small mb-2">${__("No {0} found", [__(this.doctype)])}</p>
+						${new_button}
+					</div>
+				`;
 
 				this.wrapper.appendChild(empty_state);
 			});