diff --git a/web/src/app/providers.tsx b/web/src/app/providers.tsx
index b7b0126..3444630 100644
--- a/web/src/app/providers.tsx
+++ b/web/src/app/providers.tsx
@@ -5,6 +5,7 @@ import { useEffect } from "react";
 import { AuthProvider } from "@/lib/auth";
 import { initDiagnostics } from "@/lib/diagnostics";
 import { initTelemetry } from "@/lib/telemetry";
+import { ToastProvider } from "@bytelyst/ui";
 
 export function Providers({ children }: { children: ReactNode }) {
   useEffect(() => {
@@ -12,5 +13,9 @@ export function Providers({ children }: { children: ReactNode }) {
     initDiagnostics();
   }, []);
 
-  return <AuthProvider>{children}</AuthProvider>;
+  return (
+    <ToastProvider>
+      <AuthProvider>{children}</AuthProvider>
+    </ToastProvider>
+  );
 }