diff --git a/awx/ui_next/src/components/AlertModal/AlertModal.jsx b/awx/ui_next/src/components/AlertModal/AlertModal.jsx
index 8b47a8d3f9..a0e3048672 100644
--- a/awx/ui_next/src/components/AlertModal/AlertModal.jsx
+++ b/awx/ui_next/src/components/AlertModal/AlertModal.jsx
@@ -24,11 +24,36 @@ export default function AlertModal({
...props
}) {
const variantIcons = {
- danger: ,
- error: ,
- info: ,
- success: ,
- warning: ,
+ danger: (
+
+ ),
+ error: (
+
+ ),
+ info: (
+
+ ),
+ success: (
+
+ ),
+ warning: (
+
+ ),
};
const customHeader = (
diff --git a/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap b/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
index d97266c627..635476e44d 100644
--- a/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
+++ b/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
@@ -104,7 +104,7 @@ exports[` should render initially 1`] = `
>
should render initially 1`] = `
>
should render initially 1`] = `
"componentStyle": ComponentStyle {
"componentId": "sc-bdVaJa",
"isStatic": true,
- "lastClassName": "bkDjEn",
+ "lastClassName": "hIExGP",
"rules": Array [
- "color: #c9190b",
+ "color: var(--pf-global--danger-color--100)",
],
},
"displayName": "Styled(ExclamationCircleIcon)",
@@ -493,7 +493,7 @@ exports[` should render initially 1`] = `
size="lg"
>
should render initially 1`] = `