1 files changed, 7 insertions, 4 deletions

diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index de5bcd1..04c809e 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -26,7 +26,8 @@
 
 @mixin keyboard-focus {
     @include iro.bem-sibling-elem('bg') {
-        border: fn.dim(--key-focus --border) solid fn.color(--key-focus --border);
+        border-color: fn.color(--key-focus --border);
+        box-shadow:   0 0 0 fn.dim(--key-focus --border) fn.color(--key-focus --outline);
     }
 }
 
@@ -46,9 +47,10 @@
             --focus: (
                 --border:  fn.global-dim(--border --medium),
             ),
+            
             --key-focus: (
-                --border:  fn.global-dim(--border --thick),
-            )
+                --border: fn.global-dim(--key-focus --border),
+            ),
         ),
         --colors: (
             --bg:          fn.global-color(--base --50),
@@ -63,7 +65,8 @@
                 --border: fn.global-color(--accent --900),
             ),
             --key-focus: (
-                --border: fn.global-color(--yellow-static --400),
+                --border:  fn.global-color(--focus --1300),
+                --outline: fn.global-color(--focus-static --400),
             ),
             --error: (
                 --border: fn.global-color(--negative --900),