diff --git a/js/apps/admin-ui/src/events/EventsSection.tsx b/js/apps/admin-ui/src/events/EventsSection.tsx
index e9166275f2..47d721cd16 100644
--- a/js/apps/admin-ui/src/events/EventsSection.tsx
+++ b/js/apps/admin-ui/src/events/EventsSection.tsx
@@ -15,6 +15,7 @@ import {
   FlexItem,
   Form,
   FormGroup,
+  Icon,
   PageSection,
   Tab,
   TabTitleText,
@@ -75,12 +76,18 @@ const defaultValues: UserEventSearchForm = {
 const StatusRow = (event: EventRepresentation) =>
   !event.error ? (
     <span>
-      <CheckCircleIcon color="green" /> {event.type}
+      <Icon status="success">
+        <CheckCircleIcon />
+      </Icon>
+      {event.type}
     </span>
   ) : (
     <Tooltip content={event.error}>
       <span>
-        <WarningTriangleIcon color="orange" /> {event.type}
+        <Icon status="warning">
+          <WarningTriangleIcon />
+        </Icon>
+        {event.type}
       </span>
     </Tooltip>
   );