diff --git a/frontend/client-portal/src/App.tsx b/frontend/client-portal/src/App.tsx
index 449aed87..8ff04cf4 100755
--- a/frontend/client-portal/src/App.tsx
+++ b/frontend/client-portal/src/App.tsx
@@ -3,28 +3,33 @@ import Router from './routes';
 // theme
 import ThemeProvider from './theme';
 // components
-import Settings from './components/settings';
 import RtlLayout from './components/RtlLayout';
 import ScrollToTop from './components/ScrollToTop';
 import { ProgressBarStyle } from './components/ProgressBar';
 import ThemeColorPresets from './components/ThemeColorPresets';
 import MotionLazyContainer from './components/animate/MotionLazyContainer';
+import { SnackbarProvider } from 'notistack';
 
 // ----------------------------------------------------------------------
 
 export default function App() {
   return (
     <ThemeProvider>
-      <ThemeColorPresets>
-        <RtlLayout>
-          <MotionLazyContainer>
-            <ProgressBarStyle />
-            {/* <Settings /> */}
-            <ScrollToTop />
-            <Router />
-          </MotionLazyContainer>
-        </RtlLayout>
-      </ThemeColorPresets>
+      <SnackbarProvider
+        autoHideDuration={2000}
+        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
+      >
+        <ThemeColorPresets>
+          <RtlLayout>
+            <MotionLazyContainer>
+              <ProgressBarStyle />
+              {/* <Settings /> */}
+              <ScrollToTop />
+              <Router />
+            </MotionLazyContainer>
+          </RtlLayout>
+        </ThemeColorPresets>
+      </SnackbarProvider>
     </ThemeProvider>
   );
 }