diff --git a/frappe/public/js/frappe/ui/messages.js b/frappe/public/js/frappe/ui/messages.js
index 9293d497b5..9b8ff15b09 100644
--- a/frappe/public/js/frappe/ui/messages.js
+++ b/frappe/public/js/frappe/ui/messages.js
@@ -283,12 +283,12 @@ frappe.show_alert = function(message, seconds=7, actions={}) {
 			<a class="close">&times;</a>
 		</div>`);
 
-	div.find('.alert-message').append(message.message);
-
 	if(message.indicator) {
-		div.find('.alert-message').addClass('indicator '+ message.indicator);
+		div.find('.alert-message').append(`<span class="indicator ${message.indicator}"></span>`);
 	}
 
+	div.find('.alert-message').append(message.message);
+
 	if (body_html) {
 		div.find('.alert-body').show().html(body_html);
 	}