diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0ae326c..a78d5ba 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import "@mantine/core/styles.css";
+import "@mantine/notifications/styles.css";
 import React, { ReactNode } from "react";
 import {
     ColorSchemeScript,
@@ -8,12 +9,13 @@ import {
 import Header from "@/components/Header/Header";
 import { theme } from "@/theme";
 import "@/app/global.css";
+import { Notifications } from "@mantine/notifications";
 import Footer from "@/components/Footer/Footer";
 import ReduxProvider from "@/providers/ReduxProvider";
 
 export const metadata = {
-    title: "LogiDex ID",
-    description: "LogiDex ID",
+    title: "ID LogiDex",
+    description: "ID LogiDex",
 };
 
 type Props = {
@@ -50,6 +52,7 @@ export default function RootLayout({ children }: Props) {
                         {children}
                         <Footer />
                     </ReduxProvider>
+                    <Notifications />
                 </MantineProvider>
             </body>
         </html>