diff --git a/src/App.tsx b/src/App.tsx
index 7248415..b30b17d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
+import React, { Suspense, useEffect, useState } from 'react';
+import { ToastContainer } from '@navi/web-ui/lib/primitives/Toast';
 import DarkKnight from '@super-app/dark-knight';
 import axios from 'axios';
-import React, { Suspense, useEffect, useState } from 'react';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import LeftSideBar from './components/LeftSideBar';
 import { useAppDispatch, useAppSelector } from './redux/hooks';
@@ -58,6 +59,7 @@ const App = () => {
 
   return (
     <>
+      <ToastContainer />
       {isAuthenticated ? (
         <Suspense fallback={<div />}>
           <BrowserRouter>