diff --git a/UNRELEASED.md b/UNRELEASED.md
index 053cfbdbb99..9cb12e91030 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -21,6 +21,7 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t
 - Removed `min-height` from `Page` `additionalNavigation` ([#4952](https://github.com/Shopify/polaris-react/pull/4952))
 - Fixed overly dark `bottom-border` on `DataTable` header cell and total cell ([#4975](https://github.com/Shopify/polaris-react/pull/4975))
 - Removed `min-height` on `Autocomplete` `action` ([#4977](https://github.com/Shopify/polaris-react/pull/4977))
+- Fixed `focus-ring` on `Banner` `secondaryAction` ([#4997](https://github.com/Shopify/polaris-react/pull/4997))
 
 ### Documentation
 
diff --git a/src/components/Banner/Banner.scss b/src/components/Banner/Banner.scss
index 859bc5ea4cb..691f06b72c1 100644
--- a/src/components/Banner/Banner.scss
+++ b/src/components/Banner/Banner.scss
@@ -257,11 +257,14 @@ $spinner-size: rem(20px);
   &:focus > .Text {
     @include plain-button-backdrop;
     @include high-contrast-button-outline;
+    @include focus-ring($style: 'focused');
     box-shadow: none;
+    background-color: transparent;
   }
 }
 
 .Text {
+  @include focus-ring;
   box-shadow: 0 -2px 0 0 rgba(var(--p-rgb-text), 0.25) inset;
   will-change: box-shadow;
   transition: box-shadow duration() easing();