diff --git a/.changeset/open-mails-prove.md b/.changeset/open-mails-prove.md
new file mode 100644
index 00000000000..e5b5c96064c
--- /dev/null
+++ b/.changeset/open-mails-prove.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Deprecate `icon` prop in favor of `leadingVisual` and fix SecondaryAction styling in Banner.
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-colorblind-linux.png
index 7f894292365..0c745902f7b 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-dimmed-linux.png
index 48a1f7b49a5..18fb07f0e56 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-high-contrast-linux.png
index 20a842ea301..53b39c4bbe3 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-linux.png
index 7f894292365..0c745902f7b 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-tritanopia-linux.png
index 7f894292365..0c745902f7b 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-colorblind-linux.png
index 8c0e20c93c0..f4ca7eb8517 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-high-contrast-linux.png
index 0bbfd4fa3c5..ee5c3c273c5 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-linux.png
index 8c0e20c93c0..f4ca7eb8517 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-tritanopia-linux.png
index 8c0e20c93c0..f4ca7eb8517 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsInline-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-colorblind-linux.png
index b6771651c00..05fe8d68f11 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-dimmed-linux.png
index 4beb47203c8..559fa8e0469 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-high-contrast-linux.png
index ef6eab23b7a..d92e95b69d3 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-linux.png
index b6771651c00..05fe8d68f11 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-tritanopia-linux.png
index b6771651c00..05fe8d68f11 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-colorblind-linux.png
index 9e8ec9d90b2..6ce3ea818f4 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-high-contrast-linux.png
index 47b86102d02..1073d631415 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-linux.png
index 9e8ec9d90b2..6ce3ea818f4 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-tritanopia-linux.png
index 9e8ec9d90b2..6ce3ea818f4 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-ActionsStacked-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png
index 18e6cb85aae..5ab6d45a56a 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png
index d214eac8bc1..cc7a2c6225d 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png
index a6c2cfc3175..cfed080de60 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png
index 18e6cb85aae..5ab6d45a56a 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png
index 18e6cb85aae..5ab6d45a56a 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png
index 0d5adb5eeef..23d73eec8ed 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png
index e5581e26832..d9fc2ce5e1d 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png
index 0d5adb5eeef..23d73eec8ed 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png
index 0d5adb5eeef..23d73eec8ed 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png
index 00a8095542d..b0061b10e37 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-xs-linux.png
index ea18d3c4d44..245c0986f31 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png
index 56e947f7586..ade88a6c539 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png
index 41549a58eb8..380d2eac8b1 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png
index 197aff72039..b09ffc2f162 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png
index 56e947f7586..ade88a6c539 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png
index 56e947f7586..ade88a6c539 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png
index 056a649bb26..ad3571da99f 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png
index e2c421efe8d..112ca7d18d9 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png
index 056a649bb26..ad3571da99f 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png
index 056a649bb26..ad3571da99f 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-colorblind-linux.png
index c9dea1fdd13..e77809975d7 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-dimmed-linux.png
index 1127e51335a..50d56b4b8e4 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-high-contrast-linux.png
index e24bfe0d982..cdecd37d925 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-linux.png
index c9dea1fdd13..e77809975d7 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-tritanopia-linux.png
index c9dea1fdd13..e77809975d7 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-colorblind-linux.png
index b288d43e18e..81affb8d769 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-high-contrast-linux.png
index 90ba207233b..fa1e9ff6ee0 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-linux.png
index b288d43e18e..81affb8d769 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-tritanopia-linux.png
index b288d43e18e..81affb8d769 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png
index f6492cfce1f..ba27d1f0897 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png
index 0000218566d..cc672702f0c 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-colorblind-linux.png
index c2157b0da61..f1b002fefe8 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-dimmed-linux.png
index 969905869ae..51e1b38608d 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-high-contrast-linux.png
index ef935a14859..7516661f51f 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-linux.png
index c2157b0da61..f1b002fefe8 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-tritanopia-linux.png
index c2157b0da61..f1b002fefe8 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-colorblind-linux.png
index f60ec0e5874..592ede5c181 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-high-contrast-linux.png
index 2761b949335..aca77ced6f5 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-linux.png
index f60ec0e5874..592ede5c181 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-tritanopia-linux.png
index f60ec0e5874..592ede5c181 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png
index 0ee663efef0..67be25eeecb 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png
index 64a01f83e08..8b863565ff1 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-colorblind-linux.png
index bc73f86c601..4b5ce197ce1 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-dimmed-linux.png
index 59b42d0b6cb..d8be8c6f5d9 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-high-contrast-linux.png
index bcc9ec377b5..3eec8142bcb 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-linux.png
index bc73f86c601..4b5ce197ce1 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-tritanopia-linux.png
index bc73f86c601..4b5ce197ce1 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-colorblind-linux.png
index 9ecbd6e58ca..e6cf90c1dac 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-high-contrast-linux.png
index 5a009b0464a..c076f77a738 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-linux.png
index 9ecbd6e58ca..e6cf90c1dac 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-tritanopia-linux.png
index 9ecbd6e58ca..e6cf90c1dac 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-InSidebar-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-colorblind-linux.png
index 96922aeb4ab..20fbeab93ee 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-dimmed-linux.png
index ea963b60550..60917714905 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-high-contrast-linux.png
index 69c9b1452cd..933c3573799 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-linux.png
index 96922aeb4ab..20fbeab93ee 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-tritanopia-linux.png
index 96922aeb4ab..20fbeab93ee 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-colorblind-linux.png
index d733121047b..c2575cb8bbc 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-high-contrast-linux.png
index 4b6f95c4d17..5f3bf4ef21e 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-linux.png
index d733121047b..c2575cb8bbc 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-tritanopia-linux.png
index d733121047b..c2575cb8bbc 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-sm-linux.png
index 50112a26e45..575d8c102ee 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-xs-linux.png
index 51013608248..3615e965201 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Multiline-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-colorblind-linux.png
index f7d5b464c75..4e92b68627b 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-dimmed-linux.png
index 51eb146a7ff..d3ffc1834bd 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-high-contrast-linux.png
index 11670e04ba0..2d7cfb85b1e 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-linux.png
index f7d5b464c75..4e92b68627b 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-tritanopia-linux.png
index f7d5b464c75..4e92b68627b 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-colorblind-linux.png
index ab14e2d3aac..e8d6d97ac69 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-high-contrast-linux.png
index 73556fd04fe..ddedaee11a5 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-linux.png
index ab14e2d3aac..e8d6d97ac69 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-tritanopia-linux.png
index ab14e2d3aac..e8d6d97ac69 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png
index 29cf7d53346..3f9fabc6d2c 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png
index 3d3d1df5fa2..382a4dac5ca 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-colorblind-linux.png
index ce5079603c2..ebeaecf6ae7 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-dimmed-linux.png
index 11f221921c3..4ac94e5015f 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-high-contrast-linux.png
index 384b9fceaf4..9ef1affa5f0 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-linux.png
index ce5079603c2..ebeaecf6ae7 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-tritanopia-linux.png
index ce5079603c2..ebeaecf6ae7 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-colorblind-linux.png
index 472d0d30f6c..113bb5de4ad 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-high-contrast-linux.png
index 71bc9e3036c..05355e81ee2 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-linux.png
index 472d0d30f6c..113bb5de4ad 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-tritanopia-linux.png
index 472d0d30f6c..113bb5de4ad 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-sm-linux.png
index 5b4ea404c61..56237fe2098 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-xs-linux.png
index 4acae190a47..2632cfd4aa6 100644
Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActions-primer-breakpoint-xs-linux.png differ
diff --git a/packages/react/src/Banner/Banner.docs.json b/packages/react/src/Banner/Banner.docs.json
index 3f13ed1f2a3..013f4609357 100644
--- a/packages/react/src/Banner/Banner.docs.json
+++ b/packages/react/src/Banner/Banner.docs.json
@@ -75,7 +75,13 @@
     {
       "name": "icon",
       "type": "React.ReactNode",
-      "description": "Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`"
+      "description": "Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`",
+      "deprecated": true
+    },
+    {
+      "name": "leadingVisual",
+      "type": "React.ReactNode",
+      "description": "Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`"
     },
     {
       "name": "onDismiss",
@@ -151,4 +157,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/packages/react/src/Banner/Banner.features.stories.tsx b/packages/react/src/Banner/Banner.features.stories.tsx
index 97a435b635a..c8006c0e721 100644
--- a/packages/react/src/Banner/Banner.features.stories.tsx
+++ b/packages/react/src/Banner/Banner.features.stories.tsx
@@ -255,7 +255,7 @@ export const CustomIcon = () => {
     <Banner
       title="Upsell"
       description="An example banner with a custom icon"
-      icon={<CopilotIcon />}
+      leadingVisual={<CopilotIcon />}
       onDismiss={action('onDismiss')}
       variant="upsell"
     />
diff --git a/packages/react/src/Banner/Banner.stories.tsx b/packages/react/src/Banner/Banner.stories.tsx
index 4a52e80cf63..986e5d5ee5f 100644
--- a/packages/react/src/Banner/Banner.stories.tsx
+++ b/packages/react/src/Banner/Banner.stories.tsx
@@ -3,6 +3,7 @@ import Link from '../Link'
 import {Banner} from '../Banner'
 import {PageLayout} from '../PageLayout'
 import {action} from 'storybook/actions'
+import {CopilotIcon, GitPullRequestIcon} from '@primer/octicons-react'
 
 const meta = {
   title: 'Components/Banner',
@@ -31,8 +32,16 @@ export const Default = () => {
   )
 }
 
+const iconMap = {
+  GitPullRequestIcon: <GitPullRequestIcon />,
+  CopilotIcon: <CopilotIcon />,
+}
+
 export const Playground: StoryObj<typeof Banner> = {
-  render: ({onDismiss, primaryAction, secondaryAction, ...rest}) => {
+  render: ({onDismiss, primaryAction, secondaryAction, leadingVisual, ...rest}) => {
+    // Map the string selection to the actual icon component
+    const leadingVisualElement = leadingVisual && iconMap[leadingVisual as keyof typeof iconMap]
+
     return (
       <PageLayout>
         <PageLayout.Pane divider="line" position="start">
@@ -43,6 +52,7 @@ export const Playground: StoryObj<typeof Banner> = {
             secondaryAction={
               secondaryAction ? <Banner.SecondaryAction>{secondaryAction}</Banner.SecondaryAction> : null
             }
+            leadingVisual={leadingVisualElement}
             {...rest}
           />
         </PageLayout.Pane>
@@ -55,6 +65,7 @@ export const Playground: StoryObj<typeof Banner> = {
             secondaryAction={
               secondaryAction ? <Banner.SecondaryAction>{secondaryAction}</Banner.SecondaryAction> : null
             }
+            leadingVisual={leadingVisualElement}
             {...rest}
           />
         </PageLayout.Content>
@@ -78,6 +89,12 @@ export const Playground: StoryObj<typeof Banner> = {
     description: {
       control: 'text',
     },
+    leadingVisual: {
+      control: {
+        type: 'select',
+      },
+      options: [undefined, 'GitPullRequestIcon', 'CopilotIcon'],
+    },
     onDismiss: {
       control: 'boolean',
       defaultValue: false,
diff --git a/packages/react/src/Banner/Banner.test.tsx b/packages/react/src/Banner/Banner.test.tsx
index b08b0d52bc0..cc75f323b2b 100644
--- a/packages/react/src/Banner/Banner.test.tsx
+++ b/packages/react/src/Banner/Banner.test.tsx
@@ -188,6 +188,42 @@ describe('Banner', () => {
     expect(screen.queryByTestId('icon')).toBe(null)
   })
 
+  it('should support a custom leadingVisual for info and upsell variants', () => {
+    const CustomIcon = vi.fn(() => <svg data-testid="leading-visual" aria-hidden="true" />)
+    const {rerender} = render(
+      <Banner title="test" description="test-description" variant="info" leadingVisual={<CustomIcon />} />,
+    )
+    expect(screen.getByTestId('leading-visual')).toBeInTheDocument()
+
+    rerender(<Banner title="test" description="test-description" variant="upsell" leadingVisual={<CustomIcon />} />)
+    expect(screen.getByTestId('leading-visual')).toBeInTheDocument()
+
+    rerender(<Banner title="test" description="test-description" variant="critical" leadingVisual={<CustomIcon />} />)
+    expect(screen.queryByTestId('leading-visual')).toBe(null)
+
+    rerender(<Banner title="test" description="test-description" variant="success" leadingVisual={<CustomIcon />} />)
+    expect(screen.queryByTestId('leading-visual')).toBe(null)
+
+    rerender(<Banner title="test" description="test-description" variant="warning" leadingVisual={<CustomIcon />} />)
+    expect(screen.queryByTestId('leading-visual')).toBe(null)
+  })
+
+  it('should prefer leadingVisual over icon when both are provided', () => {
+    const LeadingVisualIcon = () => <svg data-testid="leading-visual" aria-hidden="true" />
+    const DeprecatedIcon = () => <svg data-testid="deprecated-icon" aria-hidden="true" />
+    render(
+      <Banner
+        title="test"
+        description="test-description"
+        variant="info"
+        leadingVisual={<LeadingVisualIcon />}
+        icon={<DeprecatedIcon />}
+      />,
+    )
+    expect(screen.getByTestId('leading-visual')).toBeInTheDocument()
+    expect(screen.queryByTestId('deprecated-icon')).toBe(null)
+  })
+
   it('should render data-actions-layout attribute with inline value', () => {
     const {container} = render(<Banner title="test" actionsLayout="inline" />)
     expect(container.firstChild).toHaveAttribute('data-actions-layout', 'inline')
diff --git a/packages/react/src/Banner/Banner.tsx b/packages/react/src/Banner/Banner.tsx
index 52bcec33ad4..c8ac24770d3 100644
--- a/packages/react/src/Banner/Banner.tsx
+++ b/packages/react/src/Banner/Banner.tsx
@@ -35,9 +35,15 @@ export type BannerProps = React.ComponentPropsWithoutRef<'section'> & {
 
   /**
    * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
+   * @deprecated Use `leadingVisual` instead
    */
   icon?: React.ReactNode
 
+  /**
+   * Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`
+   */
+  leadingVisual?: React.ReactNode
+
   /**
    * Optionally provide a handler to be called when the banner is dismissed.
    * Providing this prop will show a dismiss button.
@@ -101,6 +107,7 @@ export const Banner = React.forwardRef<HTMLElement, BannerProps>(function Banner
     description,
     hideTitle,
     icon,
+    leadingVisual,
     onDismiss,
     primaryAction,
     secondaryAction,
@@ -117,6 +124,8 @@ export const Banner = React.forwardRef<HTMLElement, BannerProps>(function Banner
   const ref = useMergedRefs(forwardRef, bannerRef)
   const supportsCustomIcon = variant === 'info' || variant === 'upsell'
 
+  const visual = leadingVisual ?? icon
+
   if (__DEV__) {
     // This hook is called consistently depending on the environment
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -153,7 +162,7 @@ export const Banner = React.forwardRef<HTMLElement, BannerProps>(function Banner
       ref={ref}
       data-layout={rest.layout || 'default'}
     >
-      <div className={classes.BannerIcon}>{icon && supportsCustomIcon ? icon : iconForVariant[variant]}</div>
+      <div className={classes.BannerIcon}>{visual && supportsCustomIcon ? visual : iconForVariant[variant]}</div>
       <div className={classes.BannerContainer}>
         <div className={classes.BannerContent}>
           {title ? (
@@ -245,7 +254,7 @@ export type BannerSecondaryActionProps = Omit<ButtonProps, 'variant'>
 
 const BannerSecondaryAction = forwardRef(({children, className, ...rest}, forwardedRef) => {
   return (
-    <Button ref={forwardedRef} className={clsx('BannerPrimaryAction', className)} variant="link" {...rest}>
+    <Button ref={forwardedRef} className={clsx('BannerPrimaryAction', className)} variant="invisible" {...rest}>
       {children}
     </Button>
   )