diff --git a/powa/static/js/App.vue b/powa/static/js/App.vue
index 5d9d178c..25bdea62 100644
--- a/powa/static/js/App.vue
+++ b/powa/static/js/App.vue
@@ -165,7 +165,7 @@ import LoginView from "@/components/LoginView.vue";
 import { encodeQueryData } from "@/utils/query";
 import { useMessageService } from "@/composables/MessageService.js";
 
-const { alertMessages, addAlertMessage, removeAlertMessage } =
+const { alertMessages, addAlertMessage, addAlertMessages, removeAlertMessage } =
   useMessageService();
 
 const theme = useTheme();
@@ -355,7 +355,7 @@ function loadData() {
       try {
         const data = JSON.parse(response);
         if (data) {
-          this.addAlertMessages(data.messages);
+          addAlertMessages(data.messages);
         }
       } catch (error) {
         // pass
diff --git a/powa/static/js/composables/MessageService.js b/powa/static/js/composables/MessageService.js
index f83a20ce..7065929c 100644
--- a/powa/static/js/composables/MessageService.js
+++ b/powa/static/js/composables/MessageService.js
@@ -27,8 +27,10 @@ function addAlertMessage(level, message) {
 }
 
 function addAlertMessages(messages) {
-  for (let message in messages) {
-    addAlertMessage(message.level, message.message);
+  for (let level in messages) {
+    for (let message of messages[level]) {
+      addAlertMessage(level, message);
+    }
   }
 }
 function removeAlertMessage(id) {