diff --git a/app/layout.tsx b/app/layout.tsx
index 9762e49..2d5e1d8 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -97,7 +97,7 @@ export default async function RootLayout({
           <SoundProvider>
             {children}
             <QueryToastBridge />
-            <Toaster />
+            <Toaster locale={locale} />
           </SoundProvider>
         </ThemeProvider>
         <Script
diff --git a/components/ui/toaster.tsx b/components/ui/toaster.tsx
index 4506a42..b8457de 100644
--- a/components/ui/toaster.tsx
+++ b/components/ui/toaster.tsx
@@ -1,10 +1,12 @@
 "use client";
 
-import { useLocale } from "next-intl";
 import { Toaster as HotToaster, type ToasterProps } from "react-hot-toast";
 
-export function Toaster(props: ToasterProps) {
-  const locale = useLocale();
+type AppToasterProps = ToasterProps & {
+  locale: string;
+};
+
+export function Toaster({ locale, ...props }: AppToasterProps) {
   const isArabic = locale === "ar";
 
   const toastClassName = `${isArabic ? "font-arabic tracking-normal" : "font-latin"} text-[13px] leading-5`;