diff --git a/frappe/public/scss/website/index.scss b/frappe/public/scss/website/index.scss
index 675243209c..69a7b205c4 100644
--- a/frappe/public/scss/website/index.scss
+++ b/frappe/public/scss/website/index.scss
@@ -310,3 +310,7 @@ h5.modal-title {
 	margin: 70px auto;
 	font-size: $font-size-sm;
 }
+
+.empty-list-icon {
+	height: 70px;
+}
\ No newline at end of file
diff --git a/frappe/templates/includes/list/list.html b/frappe/templates/includes/list/list.html
index fba5f20ed5..14769ccf93 100644
--- a/frappe/templates/includes/list/list.html
+++ b/frappe/templates/includes/list/list.html
@@ -2,8 +2,9 @@
 <h4 class="text-muted">{{ sub_title }}</h4>
 {% endif %}
 {% if not result -%}
-	<div class="text-muted" style="min-height: 300px;">
-		{{ no_result_message or _("Nothing to show") }}
+	<div class="empty-apps-state">
+		<img class="empty-list-icon" src="/assets/frappe/images/ui-states/list-empty-state.svg"/>
+		<div class="mt-4">{{ no_result_message or _("Nothing to show") }}</div>
 	</div>
 {% else %}
 	<div class="website-list" data-doctype="{{ doctype }}"