diff --git a/packages/styles/scss/components/notification/_actionable-notification.scss b/packages/styles/scss/components/notification/_actionable-notification.scss index 383f30298cd3..a1d27d11bdbf 100644 --- a/packages/styles/scss/components/notification/_actionable-notification.scss +++ b/packages/styles/scss/components/notification/_actionable-notification.scss @@ -182,7 +182,10 @@ .#{$prefix}--actionable-notification--warning .#{$prefix}--toast-notification__icon - path[opacity='0'] { + path[opacity='0'], + .#{$prefix}--actionable-notification--warning-alt + .#{$prefix}--toast-notification__icon + path:first-of-type { fill: $black-100; opacity: 1; } diff --git a/packages/styles/scss/components/notification/_inline-notification.scss b/packages/styles/scss/components/notification/_inline-notification.scss index 97b17b44a378..9b0674036081 100644 --- a/packages/styles/scss/components/notification/_inline-notification.scss +++ b/packages/styles/scss/components/notification/_inline-notification.scss @@ -171,7 +171,10 @@ .#{$prefix}--inline-notification--warning .#{$prefix}--inline-notification__icon - path[opacity='0'] { + path[opacity='0'], + .#{$prefix}--inline-notification--warning-alt + .#{$prefix}--inline-notification__icon + path:first-of-type { fill: $black-100; opacity: 1; } diff --git a/packages/styles/scss/components/notification/_toast-notification.scss b/packages/styles/scss/components/notification/_toast-notification.scss index afd5115190d8..643ffbee45ea 100644 --- a/packages/styles/scss/components/notification/_toast-notification.scss +++ b/packages/styles/scss/components/notification/_toast-notification.scss @@ -131,7 +131,10 @@ .#{$prefix}--toast-notification--warning .#{$prefix}--toast-notification__icon - path[opacity='0'] { + path[opacity='0'], + .#{$prefix}--toast-notification--warning-alt + .#{$prefix}--toast-notification__icon + path:first-of-type { fill: $black-100; opacity: 1; }