diff --git a/src/framework/theme/styles/global/bootstrap/_default-buttons.scss b/src/framework/theme/styles/global/bootstrap/_default-buttons.scss
index d03f63af73..a7c9a67c0a 100644
--- a/src/framework/theme/styles/global/bootstrap/_default-buttons.scss
+++ b/src/framework/theme/styles/global/bootstrap/_default-buttons.scss
@@ -113,7 +113,7 @@
 @mixin btn-outline-focus($focus) {
   &:focus,
   &.focus {
-    color: nb-theme(btn-outline-hover-fg);
+    color: nb-theme(btn-outline-focus-fg);
     border-color: $focus;
     box-shadow: none;
   }
diff --git a/src/framework/theme/styles/themes/_cosmic.scss b/src/framework/theme/styles/themes/_cosmic.scss
index fb952f329f..2af51dee73 100644
--- a/src/framework/theme/styles/themes/_cosmic.scss
+++ b/src/framework/theme/styles/themes/_cosmic.scss
@@ -94,6 +94,7 @@ $theme: (
   btn-secondary-border: color-primary,
   btn-outline-fg: color-fg-heading,
   btn-outline-hover-fg: color-fg-heading,
+  btn-outline-focus-fg: color-fg-heading,
   btn-group-bg: #373273,
   btn-group-separator: #312c66,
 
diff --git a/src/framework/theme/styles/themes/_default.scss b/src/framework/theme/styles/themes/_default.scss
index 618ae9c996..42a0809bcf 100644
--- a/src/framework/theme/styles/themes/_default.scss
+++ b/src/framework/theme/styles/themes/_default.scss
@@ -342,6 +342,7 @@ $theme: (
 
   btn-outline-fg: color-fg-heading,
   btn-outline-hover-fg: #ffffff,
+  btn-outline-focus-fg: color-fg-heading,
 
   btn-group-bg: layout-bg,
   btn-group-fg: color-fg-heading,