diff --git a/CHANGELOG-alert-fix.md b/CHANGELOG-alert-fix.md
new file mode 100644
index 0000000000..5de8fdfe3c
--- /dev/null
+++ b/CHANGELOG-alert-fix.md
@@ -0,0 +1 @@
+- Fix color of alerts' icons.
diff --git a/context/app/static/js/shared-styles/alerts/Alert.tsx b/context/app/static/js/shared-styles/alerts/Alert.tsx
index 745688777a..c42bc708b3 100644
--- a/context/app/static/js/shared-styles/alerts/Alert.tsx
+++ b/context/app/static/js/shared-styles/alerts/Alert.tsx
@@ -28,7 +28,7 @@ interface StyledAlertProps extends AlertProps {
 
 // TODO: Figure out why `sx` doesn't work with this component. https://hms-dbmi.atlassian.net/browse/CAT-650
 const StyledAlert = styled(OutlinedAlert)<StyledAlertProps>(({ theme, $marginBottom, $marginTop }) => ({
-  ':not(svg)': {
+  '> &:not(svg)': {
     color: theme.palette.text.primary,
   },
   '& .MuiAlert-action': {