diff --git a/src/index.js b/src/index.js
index b7bb04b..22d1bec 100755
--- a/src/index.js
+++ b/src/index.js
@@ -4,6 +4,8 @@ import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
+import { transitions, positions, Provider as AlertProvider, types } from 'react-alert';
+import AlertTemplate from 'react-alert-template-basic';
 
 // project imports
 import App from 'App';
@@ -18,12 +20,26 @@ import 'assets/scss/style.scss';
 
 // ==============================|| REACT DOM RENDER  ||============================== //
 
+// optional configuration
+const options = {
+  position: positions.MIDDLE, // positions.BOTTOM_CENTER,
+  timeout: 3000,
+  type: types.INFO, // info / success / error
+  offset: '50px',
+  transition: transitions.SCALE, // 'scale' / fade
+  containerStyle: {
+    zIndex: 1000000
+  }
+};
+
 ReactDOM.render(
   <Provider store={store}>
     <PersistGate loading={null} persistor={persister}>
       <ConfigProvider>
         <BrowserRouter basename={BASE_PATH}>
-          <App />
+          <AlertProvider template={AlertTemplate} {...options}>
+            <App />
+          </AlertProvider>
         </BrowserRouter>
       </ConfigProvider>
     </PersistGate>