diff --git a/ui/src/app/notifications/component/NotificationItem.js b/ui/src/app/notifications/component/NotificationItem.js
index 73b0d2043..47f53685c 100644
--- a/ui/src/app/notifications/component/NotificationItem.js
+++ b/ui/src/app/notifications/component/NotificationItem.js
@@ -12,7 +12,7 @@ export function NotificationItem ({ type, body, timeout, id, onRemove }) {
     }, [timeout, id, onRemove]);
 
     return (
-        <Alert variant={type} onClose={() => onRemove(id)}>
+        <Alert variant={type} onClose={() => onRemove(id)} className="notification-item">
             {body}
         </Alert>
     )
diff --git a/ui/src/app/store/notifications/NotificationSlice.js b/ui/src/app/store/notifications/NotificationSlice.js
index 382639d0a..949cc4a4e 100644
--- a/ui/src/app/store/notifications/NotificationSlice.js
+++ b/ui/src/app/store/notifications/NotificationSlice.js
@@ -1,7 +1,7 @@
 import { createAction, createSelector, createSlice } from '@reduxjs/toolkit'
 import { reverse } from 'lodash';
 import { useSelector } from 'react-redux';
-import { uuid } from '../../core/utility/uuid';
+import uniqueId from 'lodash/uniqueId';
 
 const initialState = {
   notifications: []
@@ -19,7 +19,7 @@ export const createNotificationAction = createAction('notifications/create', fun
   return {
     payload: {
         body,
-        id: uuid(),
+        id: uniqueId('notification_'),
         createdAt: new Date().toISOString(),
         type,
         timeout