diff --git a/ui/src/app/App.js b/ui/src/app/App.js
index dcce907a2..85bae3dc5 100644
--- a/ui/src/app/App.js
+++ b/ui/src/app/App.js
@@ -16,6 +16,8 @@ import Dashboard from './dashboard/container/Dashboard';
 import Header from './core/components/Header';
 import { UserProvider } from './core/user/UserContext';
 import { Metadata } from './metadata/Metadata';
+import { Notifications } from './notifications/hoc/Notifications';
+import { NotificationList } from './notifications/component/NotificationList';
 
 function App() {
 
@@ -29,27 +31,28 @@ function App() {
     };
 
     return (
-        <div className="shibui">
+        <div className="app-root d-flex flex-column justify-content-between">
             <HttpProvider options={httpOptions}>
-
-            
-                <UserProvider>
-                    <I18nProvider>
-                        <Router>
-                            <Header />
-                            <main className="pad-content">
-                                <Switch>
-                                    <Route exact path="/">
-                                        <Redirect to="/dashboard" />
-                                    </Route>
-                                    <Route path="/dashboard" component={Dashboard} />
-                                    <Route path="/metadata/:type/:id" component={Metadata} />
-                                </Switch>
-                            </main>
-                            <Footer />
-                        </Router>
-                    </I18nProvider>
-                </UserProvider>
+                <Notifications>
+                    <UserProvider>
+                        <I18nProvider>
+                            <Router>
+                                <Header />
+                                <main className="pad-content">
+                                    <Switch>
+                                        <Route exact path="/">
+                                            <Redirect to="/dashboard" />
+                                        </Route>
+                                        <Route path="/dashboard" component={Dashboard} />
+                                        <Route path="/metadata/:type/:id" component={Metadata} />
+                                    </Switch>
+                                    <NotificationList />
+                                </main>
+                                <Footer />
+                            </Router>
+                        </I18nProvider>
+                    </UserProvider>
+                </Notifications>
             </HttpProvider>
         </div>
     );
@@ -58,8 +61,6 @@ function App() {
 /*
 <main >
                     <page-title className="sr-only sr-only-focusable"></page-title>
-                    <router-outlet></router-outlet>
-                    <notification-list></notification-list>
                 </main>
 */
 
diff --git a/ui/src/app/admin/container/SourcesActions.js b/ui/src/app/admin/container/SourcesActions.js
index 805ffbc66..c3a8cca27 100644
--- a/ui/src/app/admin/container/SourcesActions.js
+++ b/ui/src/app/admin/container/SourcesActions.js
@@ -2,20 +2,40 @@ import React from 'react';
 import SourceList from '../../metadata/domain/source/component/SourceList';
 import { useMetadataEntity } from '../../metadata/hooks/api';
 
+import { NotificationContext, createNotificationAction } from '../../notifications/hoc/Notifications';
+
 export function SourcesActions ({sources, reloadSources}) {
 
-    const { del, response } = useMetadataEntity('source', {
+    const { dispatch } = React.useContext(NotificationContext);
+
+    const { put, del, response } = useMetadataEntity('source', {
         cachePolicy: 'no-cache'
     });
 
     async function deleteSource(id) {
         await del(`/${id}`);
         if (response.ok) {
+            dispatch(createNotificationAction(
+                `Metadata Source has been removed.`
+            ));
+            reloadSources();
+        }
+    }
+
+    async function enableSource(source) {
+        await put(`/${source.id}`, {
+            ...source,
+            serviceEnabled: true
+        });
+        if (response.ok) {
+            dispatch(createNotificationAction(
+                `Metadata Source has been enabled.`
+            ));
             reloadSources();
         }
     }
 
     return (
-        <SourceList entities={sources} onDelete={ deleteSource } />
+        <SourceList entities={sources} onDelete={ deleteSource } onEnable={ enableSource } />
     );
 }
\ No newline at end of file
diff --git a/ui/src/app/admin/container/UserManagement.js b/ui/src/app/admin/container/UserManagement.js
index 518a77236..777cab129 100644
--- a/ui/src/app/admin/container/UserManagement.js
+++ b/ui/src/app/admin/container/UserManagement.js
@@ -7,11 +7,14 @@ import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 
 import Translate from '../../i18n/components/translate';
 import API_BASE_PATH from '../../App.constant';
+import { NotificationContext, createNotificationAction} from '../../notifications/hoc/Notifications';
 
 export default function UserManagement({ users, children, reload }) {
 
     const [roles, setRoles] = React.useState([]);
 
+    const { dispatch } = React.useContext(NotificationContext);
+
     const { get, patch, del, response } = useFetch(`${API_BASE_PATH}`, {});
 
     async function loadRoles() {
@@ -27,6 +30,9 @@ export default function UserManagement({ users, children, reload }) {
             role
         });
         if (response.ok && reload) {
+            dispatch(createNotificationAction(
+                `User update successful for ${user.username}.`
+            ));
             reload();
         }
     }
@@ -34,6 +40,9 @@ export default function UserManagement({ users, children, reload }) {
     async function deleteUserRequest(id) {
         await del(`/admin/users/${id}`);
         if (response.ok && reload) {
+            dispatch(createNotificationAction(
+                `User deleted.`
+            ));
             reload();
         }
     }
diff --git a/ui/src/app/core/hooks/utils.js b/ui/src/app/core/hooks/utils.js
index c7ae9a0cf..8ba7e8020 100644
--- a/ui/src/app/core/hooks/utils.js
+++ b/ui/src/app/core/hooks/utils.js
@@ -1,10 +1,5 @@
-function uuidv4() {
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        var r = Math.random() * 16 | 0, v = c === 'x' ? r : ((r & 0x3) | 0x8);
-        return v.toString(16);
-    });
-}
+import {uuid} from '../utility/uuid';
 
 export function useGuid() {
-    return uuidv4();
+    return uuid();
 }
\ No newline at end of file
diff --git a/ui/src/app/core/utility/uuid.js b/ui/src/app/core/utility/uuid.js
new file mode 100644
index 000000000..b7cf7f739
--- /dev/null
+++ b/ui/src/app/core/utility/uuid.js
@@ -0,0 +1,6 @@
+export function uuid() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = Math.random() * 16 | 0, v = c === 'x' ? r : ((r & 0x3) | 0x8);
+        return v.toString(16);
+    });
+}
\ No newline at end of file
diff --git a/ui/src/app/metadata/domain/source/component/SourceList.js b/ui/src/app/metadata/domain/source/component/SourceList.js
index a8358c912..ae59abf06 100644
--- a/ui/src/app/metadata/domain/source/component/SourceList.js
+++ b/ui/src/app/metadata/domain/source/component/SourceList.js
@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 import { Badge, UncontrolledPopover, PopoverBody, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faTrash, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { faTrash, faExclamationTriangle, faCheck } from '@fortawesome/free-solid-svg-icons';
 
 
 
@@ -13,7 +13,7 @@ import { Scroller } from '../../../../dashboard/component/Scroller';
 
 
 
-export default function SourceList({ entities, onDelete }) {
+export default function SourceList({ entities, onDelete, onEnable }) {
 
     const [modal, setModal] = React.useState(false);
 
@@ -57,9 +57,19 @@ export default function SourceList({ entities, onDelete }) {
                                 </td>
                                 <td><FormattedDate date={source.createdDate} /></td>
                                 <td className="text-center">
-                                    <Badge color={source.serviceEnabled ? 'success' : 'danger'}>
-                                        <Translate value={source.serviceEnabled ? 'value.enabled' : 'value.disabled'}></Translate>
-                                    </Badge>
+                                    {onEnable ?
+                                        <button
+                                            className="btn btn-success btn-sm"
+                                            onClick={() => onEnable(source)}
+                                            aria-label="Enable this service provider">
+                                            <Translate value={ source.enabled ? 'label.disable' : 'label.enable' }>Disable</Translate>
+                                            {!source.enabled && <>&nbsp;<FontAwesomeIcon icon={faCheck} size="lg" /></> }
+                                        </button>
+                                        :
+                                        <Badge color={source.serviceEnabled ? 'success' : 'danger'}>
+                                            <Translate value={source.serviceEnabled ? 'value.enabled' : 'value.disabled'}></Translate>
+                                        </Badge>
+                                    }
                                 </td>
                                 <td className="text-right" id={`delete-source-btn-${idx}`}>
                                     <button className="btn btn-outline btn-sm btn-danger"
diff --git a/ui/src/app/notifications/component/NotificationItem.js b/ui/src/app/notifications/component/NotificationItem.js
new file mode 100644
index 000000000..bb46519bf
--- /dev/null
+++ b/ui/src/app/notifications/component/NotificationItem.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Alert } from 'reactstrap';
+import { NotificationContext, removeNotificationAction } from '../hoc/Notifications';
+
+export function NotificationItem ({ type, body, timeout, id }) {
+
+    const { dispatch } = React.useContext(NotificationContext);
+
+    React.useEffect(() => {
+        if (timeout) {
+            setTimeout(() => {
+                dispatch(removeNotificationAction(id));
+            }, timeout);
+        }
+    }, [timeout, id, dispatch]);
+
+    return (
+        <Alert color={type} toggle={() => dispatch(removeNotificationAction(id))}>
+            {body}
+        </Alert>
+    )
+}
\ No newline at end of file
diff --git a/ui/src/app/notifications/component/NotificationList.js b/ui/src/app/notifications/component/NotificationList.js
new file mode 100644
index 000000000..07d6b03b2
--- /dev/null
+++ b/ui/src/app/notifications/component/NotificationList.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import { NotificationContext } from '../hoc/Notifications';
+import { NotificationItem } from './NotificationItem';
+
+export function NotificationList () {
+
+    const { state } = React.useContext(NotificationContext);
+
+    return (
+        <ul className="notification-list list-unstyled position-fixed p-4 w-25">
+            {state.notifications.map((n) => (
+                <li key={n.id}>
+                    <NotificationItem id={n.id} type={n.type} body={n.body} timeout={n.timeout} />
+                </li>
+            ))}
+        </ul>
+    );
+}
\ No newline at end of file
diff --git a/ui/src/app/notifications/hoc/Notifications.js b/ui/src/app/notifications/hoc/Notifications.js
new file mode 100644
index 000000000..c2b910770
--- /dev/null
+++ b/ui/src/app/notifications/hoc/Notifications.js
@@ -0,0 +1,82 @@
+import React from "react";
+import { uuid } from '../../core/utility/uuid';
+
+const NotificationContext = React.createContext();
+
+const { Provider, Consumer } = NotificationContext;
+
+const initialState = {
+    notifications: []
+};
+
+export const NotificationActions = {
+    ADD_NOTIFICATION: 'add notification',
+    REMOVE_NOTIFICATION: 'remove notification'
+};
+
+export const NotificationTypes = {
+    SUCCESS: 'success',
+    DANGER: 'danger',
+    ERROR: 'danger',
+    WARNING: 'warn',
+    INFO: 'info'
+};
+
+export const createNotificationAction = (body, type = NotificationTypes.SUCCESS, timeout=20000) => {
+    return {
+        type: NotificationActions.ADD_NOTIFICATION,
+        payload: {
+            id: uuid(),
+            type,
+            body,
+            timeout
+        }
+    }
+}
+
+export const removeNotificationAction = (id) => {
+    return {
+        type: NotificationActions.REMOVE_NOTIFICATION,
+        payload: id
+    }
+}
+
+function reducer(state, action) {
+    switch (action.type) {
+        case NotificationActions.ADD_NOTIFICATION:
+            return {
+                notifications: [
+                    ...state.notifications,
+                    {
+                        ...action.payload
+                    }
+                ]
+            };
+        case NotificationActions.REMOVE_NOTIFICATION:
+            return {
+                notifications: [
+                    ...state.notifications.filter(n => n.id !== action.payload)
+                ]
+            };
+        default:
+            throw new Error();
+    }
+}
+
+/*eslint-disable react-hooks/exhaustive-deps*/
+function Notifications ({ children }) {
+    const [state, dispatch] = React.useReducer(reducer, initialState);
+
+    const contextValue = React.useMemo(() => ({ state, dispatch }), [state, dispatch]);
+
+    return (
+        <Provider value={contextValue}>{children}</Provider>
+    );
+}
+
+export {
+    Notifications,
+    NotificationContext,
+    Provider as NotificationProvider,
+    Consumer as NotificationConsumer
+};
\ No newline at end of file
diff --git a/ui/src/theme/project/index.scss b/ui/src/theme/project/index.scss
index 1126af89d..e1640fd10 100644
--- a/ui/src/theme/project/index.scss
+++ b/ui/src/theme/project/index.scss
@@ -9,13 +9,18 @@
 @import './tabs';
 @import './table.scss';
 @import './utility';
+@import './notifications.scss';
+
+html, body {
+    height: 100%;
+}
 
 body {
     background-color: theme-color("light");
     padding-top: 56px;
 }
 
-app-root {
+.app-root {
     min-height: calc(100vh - 56px);
 }
 
diff --git a/ui/src/theme/project/notifications.scss b/ui/src/theme/project/notifications.scss
new file mode 100644
index 000000000..0914a0b33
--- /dev/null
+++ b/ui/src/theme/project/notifications.scss
@@ -0,0 +1,5 @@
+.notification-list {
+    bottom: 50px;
+    right: 0px;
+    z-index: 2000;
+}
\ No newline at end of file