diff --git a/nextcloud_backup/frontend/src/App.vue b/nextcloud_backup/frontend/src/App.vue
index 4bfec05..56d82a5 100644
--- a/nextcloud_backup/frontend/src/App.vue
+++ b/nextcloud_backup/frontend/src/App.vue
@@ -1,7 +1,6 @@
 <template>
   <v-app>
     <navbar-component></navbar-component>
-    <message-bar></message-bar>
     <webdav-config-menu @saved="cloudList?.refreshBackup"></webdav-config-menu>
     <backup-config-menu></backup-config-menu>
     <alert-manager></alert-manager>
@@ -24,7 +23,6 @@ import { ref } from "vue";
 import AlertManager from "./components/AlertManager.vue";
 import CloudList from "./components/cloud/CloudList.vue";
 import HaList from "./components/homeAssistant/HaList.vue";
-import MessageBar from "./components/MessageBar.vue";
 import NavbarComponent from "./components/NavbarComponent.vue";
 import BackupConfigMenu from "./components/settings/BackupConfigMenu.vue";
 import WebdavConfigMenu from "./components/settings/WebdavConfigMenu.vue";
@@ -39,3 +37,4 @@ function refreshLists() {
 </script>
 
 <style scoped></style>
+
diff --git a/nextcloud_backup/frontend/src/components/MessageBar.vue b/nextcloud_backup/frontend/src/components/MessageBar.vue
index 0ab020d..ffc3cdb 100644
--- a/nextcloud_backup/frontend/src/components/MessageBar.vue
+++ b/nextcloud_backup/frontend/src/components/MessageBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-menu activator="#message-btn" :close-on-content-click="false">
+  <v-menu activator="parent" :close-on-content-click="false">
     <v-sheet width="500" border rounded>
       <v-toolbar color="surface" density="comfortable" border>
         <v-toolbar-title>Messages</v-toolbar-title>
diff --git a/nextcloud_backup/frontend/src/components/NavbarComponent.vue b/nextcloud_backup/frontend/src/components/NavbarComponent.vue
index 9e8e19f..6cac2e9 100644
--- a/nextcloud_backup/frontend/src/components/NavbarComponent.vue
+++ b/nextcloud_backup/frontend/src/components/NavbarComponent.vue
@@ -18,6 +18,7 @@
         <v-icon class="shake">mdi-bell</v-icon>
       </v-badge>
       <v-icon v-else>mdi-bell</v-icon>
+      <message-bar></message-bar>
     </v-btn>
     <v-menu width="210px">
       <template v-slot:activator="{ props }">
@@ -46,6 +47,7 @@ import { useDialogStatusStore } from "@/store/dialogStatus";
 import { useMessageStore } from "@/store/message";
 import { storeToRefs } from "pinia";
 import logoUrl from "../assets/logo.svg";
+import MessageBar from "./MessageBar.vue";
 
 const dialogStatusStore = useDialogStatusStore();
 const messagesStore = useMessageStore();