diff --git a/src/App.js b/src/App.js
index b66a47b9..f7a49485 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,9 +2,10 @@ import { Provider } from "react-redux";
 import MainView from "./components/MainView";
 import store from './store/store';
 export default function App() {
+    
 		return (
 			<Provider store={store}>
-
+                
 				<MainView/>
 			
 			</Provider>
diff --git a/src/actions/createAlert.js b/src/actions/createAlert.js
new file mode 100644
index 00000000..788530cf
--- /dev/null
+++ b/src/actions/createAlert.js
@@ -0,0 +1,15 @@
+import store from '../store/store';
+
+export const createAlert = ( action) => (dispatch) => {
+    console.log(action)
+    const notifications = store.getState().notifications
+    notifications.push({
+        message: action.message,
+        type: action.type,
+        visible: true
+    })
+    dispatch({
+        type: "ADD_NOTIFICATION",
+        payload: [...notifications]
+    });
+}
\ No newline at end of file
diff --git a/src/actions/index.js b/src/actions/index.js
index 4293f8cd..72a4866e 100644
--- a/src/actions/index.js
+++ b/src/actions/index.js
@@ -13,3 +13,5 @@ export * from "./setHistoryOpen";
 export * from "./setApiError";
 export * from "./errorHandler";
 export * from "./setLabels";
+export * from "./createAlert";
+export * from "./removeAlert";
\ No newline at end of file
diff --git a/src/actions/removeAlert.js b/src/actions/removeAlert.js
new file mode 100644
index 00000000..9ff78a0f
--- /dev/null
+++ b/src/actions/removeAlert.js
@@ -0,0 +1,10 @@
+import store from '../store/store';
+
+export const removeAlert = ( index) => (dispatch) => {
+    let notifications = store.getState().notifications
+    notifications[index].visible = false;
+    dispatch({
+        type: "REMOVE_NOTIFICATION",
+        payload: [...notifications]
+    });
+}
\ No newline at end of file
diff --git a/src/components/MainView.js b/src/components/MainView.js
index 72b9ffa1..5660f6e1 100644
--- a/src/components/MainView.js
+++ b/src/components/MainView.js
@@ -3,18 +3,21 @@ import  LogView  from "./LogView";
 import  StatusBar  from "./StatusBar/StatusBar";
 import LabelBrowser from "./LabelBrowser/LabelBrowser"
 import { UpdateStateFromQueryParams } from "./UpdateStateFromQueryParams";
+import { Notification } from "../plugins/notifications";
 export default function MainView() {
     
   UpdateStateFromQueryParams()
+  
     return (
         <div className={"log-search"}>
-
+                
         <StatusBar/>
 
         <LabelBrowser/>
 
         <LogView />
 
+        <Notification/>
     </div>
     )
 }
diff --git a/src/components/StatusBar/StatusBar.js b/src/components/StatusBar/StatusBar.js
index a1d6673a..b760a2d8 100644
--- a/src/components/StatusBar/StatusBar.js
+++ b/src/components/StatusBar/StatusBar.js
@@ -5,6 +5,7 @@ import LinkIcon from "@mui/icons-material/Link";
 import AdapterDateFns from "@mui/lab/AdapterDateFns";
 import LocalizationProvider from "@mui/lab/LocalizationProvider";
 import {
+    createAlert,
     setApiError,
     setIsSubmit,
     setQueryLimit,
@@ -25,6 +26,7 @@ import loadLabels from "../../actions/LoadLabels";
 import localUrl from "../../services/localUrl";
 import setLinksHistory from "../../actions/setLinksHistory";
 import { Tooltip } from "@mui/material";
+import { notificationTypes } from "../../plugins/notifications/consts";
 
 export default function StatusBar() {
     return (
@@ -191,11 +193,10 @@ export function StatusBarSelectors() {
                         dispatch(setLinksHistory(storedUrl));
                     }
 
-                    setCopied(true);
-                    setTimeout(() => {
-                        setCopied(false);
-                        dispatch(setIsSubmit(false));
-                    }, 1500);
+                    dispatch(createAlert({
+                        type: notificationTypes.success,
+                        message: LINK_COPIED
+                    }))
                 },
                 function (err) {
                     console.err("error on copy", err);
diff --git a/src/plugins/daterangepicker/index.js b/src/plugins/daterangepicker/index.js
index 63189513..0f3d230e 100644
--- a/src/plugins/daterangepicker/index.js
+++ b/src/plugins/daterangepicker/index.js
@@ -232,7 +232,7 @@ useEffect(()=>{
                             </span>
 
                         </span>
-                    </React.Fragment> : undefined
+                    </React.Fragment> : ''
                     }>
                 <button style={dateButtonStyles}
                     onClick={openButtonHandler} className={'date-time-selector'}
diff --git a/src/plugins/notifications/consts.js b/src/plugins/notifications/consts.js
new file mode 100644
index 00000000..16f0734f
--- /dev/null
+++ b/src/plugins/notifications/consts.js
@@ -0,0 +1,6 @@
+export const notificationTypes = {
+    info: 'info',
+    warning: 'warning',
+    error: 'error',
+    success: 'success'
+}
\ No newline at end of file
diff --git a/src/plugins/notifications/index.js b/src/plugins/notifications/index.js
new file mode 100644
index 00000000..8bd28004
--- /dev/null
+++ b/src/plugins/notifications/index.js
@@ -0,0 +1,51 @@
+import React, { useState, useEffect } from "react";
+
+import { useSelector, useDispatch } from "react-redux";
+import { Alert} from "@mui/material";
+import { removeAlert } from "../../actions";
+
+
+
+export function Notification() {  
+    const { notifications } = useSelector(state => state);
+    const dispatch = useDispatch();
+    const handleClose = (index) => {
+        dispatch(removeAlert(index))
+    };
+    const Expire = props => {
+        useEffect(() => {
+          setTimeout(() => {
+              dispatch(removeAlert(props.index))
+          }, props.delay);
+        }, [props]);
+      
+        return <div>{props.children}</div>;
+      };
+
+    return (
+        <div className={'alertWrapper'}>
+            {
+                notifications.map((notification, index) => {
+                    if (notification.visible) {
+                        return <Expire key={index} delay='5000' index={index}>
+                            <div className={'alert'}>
+                                <Alert
+                                elevation={6}
+                                variant="filled"
+                                onClose={() => handleClose(index)}
+                                severity={notification.type}
+                                sx={{ width: "100%" }}
+                                >
+                                    {notification.message}
+                                </Alert>
+                            </div>
+                        </Expire>
+                    } else {
+                        return undefined;
+                    }
+                }
+                )
+            }
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/plugins/queryhistory/index.js b/src/plugins/queryhistory/index.js
index 47c5aa21..791e61b1 100644
--- a/src/plugins/queryhistory/index.js
+++ b/src/plugins/queryhistory/index.js
@@ -1,19 +1,13 @@
 import styled from "@emotion/styled";
-import {
-    Badge,
-    Box,
-    createTheme,
-    ThemeProvider,
-    Typography,
-} from "@mui/material";
+import { createTheme, ThemeProvider, Tooltip } from "@mui/material";
 import localService from "../../services/localService";
 import Drawer from "@mui/material/Drawer";
-import { useState, useEffect, forwardRef } from "react";
+import { useState, useEffect } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import setQueryHistory from "../../actions/setQueryHistory";
 import loadLogs from "../../actions/loadLogs";
 import setHistoryOpen from "../../actions/setHistoryOpen";
-import { setQuery } from "../../actions";
+import { createAlert, setQuery } from "../../actions";
 import { format } from "date-fns";
 import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 import StarIcon from "@mui/icons-material/Star";
@@ -32,60 +26,14 @@ import { buttonUnstyledClasses } from "@mui/base/ButtonUnstyled";
 import TabUnstyled, { tabUnstyledClasses } from "@mui/base/TabUnstyled";
 
 // Dialog
-import Button from "@mui/material/Button";
 import Dialog from "@mui/material/Dialog";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
 import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
-// Snackbar
-
-import Stack from "@mui/material/Stack";
-import Snackbar from "@mui/material/Snackbar";
-import MuiAlert from "@mui/material/Alert";
-
-import Tooltip from "@mui/material/Tooltip";
+import { notificationTypes } from "../notifications/consts";
 import localUrl from "../../services/localUrl";
 import setLinksHistory from "../../actions/setLinksHistory";
-
-// Snackbar for clearing confirmation
-const Alert = forwardRef(function Alert(props, ref) {
-    return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />;
-});
-
-function HistorySnackbar({ succeed, resetSnackbar, message, type }) {
-    const [open, setOpen] = useState(succeed);
-    useEffect(() => {
-        setOpen(succeed);
-    }, [succeed]);
-    const handleClick = () => {
-        setOpen(true);
-    };
-
-    const handleClose = (event, reason) => {
-        if (reason === "clickaway") {
-            return;
-        }
-
-        setOpen(false);
-        resetSnackbar();
-    };
-
-    return (
-        <div>
-            <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
-                <Alert
-                    onClose={handleClose}
-                    severity={type}
-                    sx={{ width: "100%" }}
-                >
-                    {message}
-                </Alert>
-            </Snackbar>
-        </div>
-    );
-}
-
 // Alert Dialog for Clearing History
 function AlertDialog({ clearHistory, dialogType }) {
     const [open, setOpen] = useState(false);
@@ -863,24 +811,22 @@ const QueryHistoryDrawer = (props) => {
     const [starredItems, setStarredItems] = useState([]);
     const [filtered, setFiltered] = useState([]);
     const [linksFiltered, setLinksFiltered] = useState([]);
-    const [starredFiltered, setStarredFiltered] = useState([]);
     const [linksStarredFiltered, setLinksStarredFiltered] = useState([]);
-    const [succeed, setSucceed] = useState(false);
-    const [copySucceed, setCopySucceed] = useState(false);
-    const [trashedSucceed, setTrashedSucceed] = useState(false);
-    const [starredSucceed, setStarredSucceed] = useState(false);
-    const [unstarredSucceed, setUnstarredSucceed] = useState(false);
+    const [starredFiltered, setStarredFiltered] = useState([]);
     const [linksStarredItems, setLinksStarredItems] = useState(false);
+
     function handleDelete(id) {
         const removed = historyService.remove(id);
         dispatch(setQueryHistory(removed));
-        setTrashedSucceed(true);
+        dispatch(createAlert({
+            message: "Query deleted succesfully",
+            type: notificationTypes.info
+        }))
     }
 
     function handleLinkDelete(id) {
         const removed = linkService.remove(id);
         dispatch(setLinksHistory(removed));
-        setTrashedSucceed(true);
     }
 
     function handleSubmit(item) {
@@ -904,11 +850,15 @@ const QueryHistoryDrawer = (props) => {
         const updated = historyService.update(updatedItem);
         dispatch(setQueryHistory(updated));
         if (updatedItem.starred) {
-            setUnstarredSucceed(false);
-            setStarredSucceed(true);
+            dispatch(createAlert({
+                message: "Query starred succesfully",
+                type: notificationTypes.success
+            }))
         } else {
-            setStarredSucceed(false);
-            setUnstarredSucceed(true);
+            dispatch(createAlert({
+                message: "Query unstarred succesfully",
+                type: notificationTypes.success
+            }))
         }
     }
     function handleStarLinkItem(item) {
@@ -916,19 +866,25 @@ const QueryHistoryDrawer = (props) => {
         const updated = linkService.update(updatedItem);
         dispatch(setLinksHistory(updated));
         if (updatedItem.starred) {
-            setUnstarredSucceed(false);
-            setStarredSucceed(true);
+            dispatch(createAlert({
+                message: "Link starred succesfully",
+                type: notificationTypes.success
+            }))
         } else {
-            setStarredSucceed(false);
-            setUnstarredSucceed(true);
+            dispatch(createAlert({
+                message: "Link unstarred succesfully",
+                type: notificationTypes.success
+            }))
         }
     }
-
     function copyQuery(item) {
         navigator.clipboard.writeText(item).then(
             function () {
                 if (item.length > 0) {
-                    setCopySucceed(true);
+                    dispatch(createAlert({
+                        message: "Query copied succesfully",
+                        type: notificationTypes.success
+                    }))
                 }
             },
             function (err) {
@@ -943,13 +899,22 @@ const QueryHistoryDrawer = (props) => {
         const historyClean = historyService.clean();
         dispatch(setQueryHistory(historyClean));
         if (historyClean?.length < 1) {
-            setSucceed(true);
+            dispatch(createAlert({
+                message: "Query History cleared succesfully",
+                type: notificationTypes.info
+            }))
         }
     }
 
     function clearLinksHistory() {
         const historyClean = linkService.clean();
         dispatch(setLinksHistory(historyClean));
+        if (historyClean?.length < 1) {
+            dispatch(createAlert({
+                message: "Links History cleared succesfully",
+                type: notificationTypes.info
+            }))
+        }
     }
 
     function filterItems(list, item) {
@@ -974,23 +939,6 @@ const QueryHistoryDrawer = (props) => {
         setLinksStarredFiltered(starred);
     }
 
-    function resetSnackbar() {
-        setSucceed(false);
-    }
-
-    function resetCopy() {
-        setCopySucceed(false);
-    }
-    function resetStarred() {
-        setStarredSucceed(false);
-    }
-    function resetUnstarred() {
-        setUnstarredSucceed(false);
-    }
-    function resetTrashed() {
-        setTrashedSucceed(false);
-    }
-
     return (
         <ThemeProvider theme={theme}>
             <Drawer
@@ -1103,37 +1051,6 @@ const QueryHistoryDrawer = (props) => {
                     }
                     closeButton={<CloseButton onClose={handleClose} />}
                 />
-
-                <HistorySnackbar
-                    succeed={succeed}
-                    resetSnackbar={resetSnackbar}
-                    message={"History Cleared succesfully"}
-                    type={"info"}
-                />
-                <HistorySnackbar
-                    succeed={copySucceed}
-                    resetSnackbar={resetCopy}
-                    message={"Copied successfully"}
-                    type={"success"}
-                />
-                <HistorySnackbar
-                    succeed={trashedSucceed}
-                    resetSnackbar={resetTrashed}
-                    message={"Deleted successfully"}
-                    type={"info"}
-                />
-                <HistorySnackbar
-                    succeed={starredSucceed}
-                    resetSnackbar={resetStarred}
-                    message={"Starred successfully"}
-                    type={"success"}
-                />
-                <HistorySnackbar
-                    succeed={unstarredSucceed}
-                    resetSnackbar={resetUnstarred}
-                    message={"Unstarred successfully"}
-                    type={"info"}
-                />
             </Drawer>
         </ThemeProvider>
     );
diff --git a/src/scss/app.scss b/src/scss/app.scss
index 2d64720d..0659fd5b 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -12,4 +12,5 @@
 @import "modules/valuesList.scss";
 @import "modules/query-bar.scss";
 @import "modules/status-bar.scss";
-@import "modules/date-range-picker.scss";
\ No newline at end of file
+@import "modules/date-range-picker.scss";
+@import "modules/notifications.scss";
\ No newline at end of file
diff --git a/src/scss/modules/notifications.scss b/src/scss/modules/notifications.scss
new file mode 100644
index 00000000..b85138ca
--- /dev/null
+++ b/src/scss/modules/notifications.scss
@@ -0,0 +1,14 @@
+.alertWrapper {
+    position: fixed;
+    bottom: 20px;
+    left: 20px;
+    width: 400px;
+    display: flex;
+    flex-direction: column;
+    z-index: 10000;
+    pointer-events: none;
+    .alert {
+        margin-top: 10px;
+        pointer-events: all;
+    }
+}
\ No newline at end of file
diff --git a/src/store/createInitialState.js b/src/store/createInitialState.js
index eef890eb..a99af475 100644
--- a/src/store/createInitialState.js
+++ b/src/store/createInitialState.js
@@ -37,7 +37,7 @@ const initialState = () => {
         apiUrl: externalState.apiUrl || environment.apiUrl || '',
         isSubmit: externalState.isSubmit || false,
         chartType:'line',
-        
+        notifications: []
     }
     if (debug) console.log('🚧 LOGIC/ INITIAL STATE ::: ', state)
     return state
diff --git a/src/store/reducer.js b/src/store/reducer.js
index 555525fb..e7ac6713 100644
--- a/src/store/reducer.js
+++ b/src/store/reducer.js
@@ -44,6 +44,10 @@ const reducer =  (state, action) => {
             return {...state, linksHistory: action.linksHistory};
         case "SET_HISTORY_OPEN":
                 return {...state, historyOpen: action.historyOpen};
+        case "ADD_NOTIFICATION":
+            return {...state, notifications: action.payload};
+        case "REMOVE_NOTIFICATION":
+                return {...state, notifications: action.payload};
         default:
             return { ...state };
     }