diff --git a/src/Button/Button.scss b/src/Button/Button.scss
index 1b47f51e95..90258e5019 100644
--- a/src/Button/Button.scss
+++ b/src/Button/Button.scss
@@ -225,7 +225,7 @@ input[type="button"] {
   --pgn-btn-active-color: #{$btn-primary-active-color};
   --pgn-btn-active-bg: #{$btn-primary-active-bg};
   --pgn-btn-active-border-color: #{$btn-primary-active-border-color};
-  --pgn-btn-focus-outline-color: #{$btn-primary-focus-focus-outline-color};
+  --pgn-btn-focus-outline-color: #{$btn-primary-focus-outline-color};
   --pgn-btn-focus-color: #{$btn-primary-focus-color};
   --pgn-btn-focus-border-color: #{$btn-primary-focus-border-color};
   --pgn-btn-focus-bg: #{$btn-primary-focus-bg};
diff --git a/src/Button/_variables.scss b/src/Button/_variables.scss
index 790e4914bd..c31a0ec9ed 100644
--- a/src/Button/_variables.scss
+++ b/src/Button/_variables.scss
@@ -46,7 +46,7 @@ $btn-primary-hover-border-color: var(--pgn-color-btn-hover-border-primary) !defa
 $btn-primary-active-bg: var(--pgn-color-btn-active-bg-primary) !default;
 $btn-primary-active-color: var(--pgn-color-btn-active-text-primary) !default;
 $btn-primary-active-border-color: var(--pgn-color-btn-active-border-primary) !default;
-$btn-primary-focus-focus-outline-color: var(--pgn-color-btn-focus-outline-primary) !default;
+$btn-primary-focus-outline-color: var(--pgn-color-btn-focus-outline-primary) !default;
 $btn-primary-focus-bg: var(--pgn-color-btn-focus-bg-primary) !default;
 $btn-primary-focus-color: var(--pgn-color-btn-focus-text-primary) !default;
 $btn-primary-focus-border-color: var(--pgn-color-btn-focus-border-primary) !default;