diff --git a/apps/blogai/app/[locale]/auth/layout.tsx b/apps/blogai/app/[locale]/auth/layout.tsx
index da99990..39343a1 100644
--- a/apps/blogai/app/[locale]/auth/layout.tsx
+++ b/apps/blogai/app/[locale]/auth/layout.tsx
@@ -1,4 +1,5 @@
-//import { Toaster } from "@/components/ui/toaster";
+"use client"
+import { Toaster } from "@/components/ui/toaster";
 import React from "react";
 
 export const dynamic = "force-dynamic";
@@ -9,7 +10,7 @@ export default async function AuthenticatedLayout({
 }) {
   return (
     <div className="bg-white">
-      {/* <Toaster /> */}
+      <Toaster />
       <div className="flex min-h-screen pt-16 -mt-16 ">
         <div className="container relative flex flex-col items-center justify-center gap-8 lg:w-2/5">
           <div className="w-full max-w-sm">{children}</div>