diff --git a/src/components/Select/README.md b/src/components/Select/README.md
index 0e7d400e10..b213d7f51d 100644
--- a/src/components/Select/README.md
+++ b/src/components/Select/README.md
@@ -1128,4 +1128,4 @@ LANDING_BLOCK-->
 
 | Name                             | Description              |
 | :------------------------------- | :----------------------- |
-| `--g-select-outline-color-focus` | Outline color if focused |
+| `--g-select-focus-outline-color` | Outline color if focused |
diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss
index a56a9cb440..f5bcc6a0cd 100644
--- a/src/components/Select/components/SelectControl/SelectControl.scss
+++ b/src/components/Select/components/SelectControl/SelectControl.scss
@@ -197,7 +197,7 @@ $blockButton: '.#{variables.$ns}select-control__button';
         }
 
         &:focus::before {
-            outline: 2px solid var(--g-select-outline-color-focus);
+            outline: 2px solid var(--g-select-focus-outline-color);
             outline-offset: -1px;
         }
         &:focus:not(:focus-visible)::before {
diff --git a/src/components/controls/TextArea/README.md b/src/components/controls/TextArea/README.md
index 494f677127..4b5ccc7a22 100644
--- a/src/components/controls/TextArea/README.md
+++ b/src/components/controls/TextArea/README.md
@@ -227,4 +227,4 @@ LANDING_BLOCK-->
 | `--g-text-area-border-color`        | Border color             |
 | `--g-text-area-border-color-hover`  | Border color if hovered  |
 | `--g-text-area-border-color-active` | Border color if active   |
-| `--g-text-area-outline-color-focus` | Outline color if focused |
+| `--g-text-area-focus-outline-color` | Outline color if focused |
diff --git a/src/components/controls/TextArea/TextArea.scss b/src/components/controls/TextArea/TextArea.scss
index 6d9ee3a64c..be72f848ee 100644
--- a/src/components/controls/TextArea/TextArea.scss
+++ b/src/components/controls/TextArea/TextArea.scss
@@ -34,7 +34,7 @@ $block: '.#{variables.$ns}text-area';
 
         &:focus-within {
             border-color: var(--g-text-area-border-color-active, var(--_--border-color-active));
-            outline: 2px solid var(--g-text-area-outline-color-focus);
+            outline: 2px solid var(--g-text-area-focus-outline-color);
             outline-offset: -1px;
         }
     }
diff --git a/src/components/controls/TextInput/README.md b/src/components/controls/TextInput/README.md
index 65f343ceb0..a9ebfd212e 100644
--- a/src/components/controls/TextInput/README.md
+++ b/src/components/controls/TextInput/README.md
@@ -282,4 +282,4 @@ LANDING_BLOCK-->
 | `--g-text-input-border-color`        | Border color             |
 | `--g-text-input-border-color-hover`  | Border color if hovered  |
 | `--g-text-input-border-color-active` | Border color if active   |
-| `--g-text-input-outline-color-focus` | Outline color if focused |
+| `--g-text-input-focus-outline-color` | Outline color if focused |
diff --git a/src/components/controls/TextInput/TextInput.scss b/src/components/controls/TextInput/TextInput.scss
index f611a7264a..f4c1487824 100644
--- a/src/components/controls/TextInput/TextInput.scss
+++ b/src/components/controls/TextInput/TextInput.scss
@@ -97,7 +97,7 @@ $block: '.#{variables.$ns}text-input';
 
         &:focus-within {
             border-color: var(--g-text-input-border-color-active, var(--_--border-color-active));
-            outline: 2px solid var(--g-text-input-outline-color-focus);
+            outline: 2px solid var(--g-text-input-focus-outline-color);
             outline-offset: -1px;
         }
     }