diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 5305d73..ee3f89c 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -61,7 +61,7 @@
         "react-router-dom": "^7.13.1",
         "react-slick": "0.31.0",
         "recharts": "^2.15.2",
-        "sonner": "2.0.3",
+        "sonner": "^2.0.3",
         "tailwind-merge": "3.2.0",
         "tw-animate-css": "1.3.8",
         "vaul": "1.1.2"
diff --git a/frontend/package.json b/frontend/package.json
index 5b15bd9..714a65e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -62,7 +62,7 @@
     "react-router-dom": "^7.13.1",
     "react-slick": "0.31.0",
     "recharts": "^2.15.2",
-    "sonner": "2.0.3",
+    "sonner": "^2.0.3",
     "tailwind-merge": "3.2.0",
     "tw-animate-css": "1.3.8",
     "vaul": "1.1.2"
diff --git a/frontend/src/app/App.tsx b/frontend/src/app/App.tsx
index 779cd0d..54dd317 100644
--- a/frontend/src/app/App.tsx
+++ b/frontend/src/app/App.tsx
@@ -1,11 +1,13 @@
 import { RouterProvider } from "react-router";
 import { ThemeProvider } from "./components/theme-provider";
+import { Toaster } from "./components/ui/sonner";
 import { router } from "./routes";
 
 export default function App() {
   return (
     <ThemeProvider>
       <RouterProvider router={router} />
+      <Toaster />
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/frontend/src/app/components/ui/sonner.tsx b/frontend/src/app/components/ui/sonner.tsx
index f125983..4969ce6 100644
--- a/frontend/src/app/components/ui/sonner.tsx
+++ b/frontend/src/app/components/ui/sonner.tsx
@@ -1,14 +1,14 @@
 "use client";
 
 import { useTheme } from "next-themes";
-import { Toaster as Sonner, ToasterProps } from "sonner";
+import { Toaster as Sonner } from "sonner";
 
-const Toaster = ({ ...props }: ToasterProps) => {
+const Toaster = (props: React.ComponentProps<typeof Sonner>) => {
   const { theme = "system" } = useTheme();
 
   return (
     <Sonner
-      theme={theme as ToasterProps["theme"]}
+      theme={theme as "light" | "dark" | "system"}
       className="toaster group"
       style={
         {
@@ -22,4 +22,4 @@ const Toaster = ({ ...props }: ToasterProps) => {
   );
 };
 
-export { Toaster };
+export { Toaster };
\ No newline at end of file