diff --git a/frontend/app.vue b/frontend/app.vue
index 2cf361f..7cd4dbe 100644
--- a/frontend/app.vue
+++ b/frontend/app.vue
@@ -5,11 +5,18 @@ import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
 <template>
     <div>
         <NuxtRouteAnnouncer />
+
         <NuxtLayout>
-            <NuxtPage />
-            <div dir="ltr">
-                <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
-            </div>
+            <ToastProvider>
+                <NuxtPage />
+                <div dir="ltr">
+                    <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
+                </div>
+                <ToastContainer />
+                <ToastViewport
+                    class="[--viewport-padding:_25px] fixed bottom-0 right-0 flex flex-col p-[var(--viewport-padding)] gap-[10px] w-[390px] max-w-[100vw] m-0 list-none z-[2147483647] outline-none"
+                />
+            </ToastProvider>
         </NuxtLayout>
     </div>
 </template>