diff --git a/frontend/src/components/misc/Notification.vue b/frontend/src/components/misc/Notification.vue
index 320ac6841..a59f6ebb6 100644
--- a/frontend/src/components/misc/Notification.vue
+++ b/frontend/src/components/misc/Notification.vue
@@ -1,5 +1,5 @@
 <template>
-	<Notifications
+	<Toaster
 		position="bottom left"
 		:max="2"
 		class="global-notification"
@@ -44,7 +44,7 @@
 				</div>
 			</div>
 		</template>
-	</Notifications>
+	</Toaster>
 </template>
 
 <style scoped>
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 24da87d91..6f4a56488 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -54,7 +54,7 @@ const browserLanguage = getBrowserLanguage()
 setLanguage(browserLanguage).then(() => {
 	const app = createApp(App)
 
-	app.use(Notifications)
+	app.use(Notifications, { componentName: 'Toaster' })
 
 	app.directive('focus', focus)
 	app.directive('tooltip', vTooltip)
diff --git a/frontend/src/types/global-components.d.ts b/frontend/src/types/global-components.d.ts
index cfc2d8727..0e34b2a11 100644
--- a/frontend/src/types/global-components.d.ts
+++ b/frontend/src/types/global-components.d.ts
@@ -11,7 +11,7 @@ import type Card from '@/components/misc/Card.vue'
 declare module 'vue' {
 	export interface GlobalComponents {
 		Icon: FontAwesomeIconFixedTypes
-		Notifications: FunctionalComponent<Notifications>
+		Toaster: FunctionalComponent<Notifications>
 		XButton: typeof XButton,
 		Modal: typeof Modal,
 		Card: typeof Card,