Badge once again

1 files changed, 2 insertions, 4 deletions

diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss
index 4ecde17..52cccc8 100644
--- a/src/objects/_badge.scss
+++ b/src/objects/_badge.scss
@@ -4,7 +4,7 @@
 @include iro.props-namespace('badge') {
     @include iro.props-store((
         --dims: (
-            --pad-x:     fn.global-dim(--size --40),
+            --pad-x:     fn.global-dim(--size --50),
             --pad-y:     0,
             --rounding:  3px,
             --fixed-100: 1em,
@@ -59,7 +59,6 @@
     @include iro.bem-object(iro.props-namespace()) {
         display:          inline-block;
         padding:          fn.dim(--pad-y) fn.dim(--pad-x);
-        border:           2px solid transparent;
         border-radius:    fn.dim(--rounding);
         background-color: fn.color(--bg);
         color:            fn.color(--label);
@@ -101,8 +100,7 @@
         &:enabled {
             @include iro.bem-at-theme('keyboard') {
                 &:focus {
-                    border-color: fn.color(--key-focus --border);
-                    box-shadow:   fn.color(--key-focus --shadow);
+                    box-shadow: inset 0 0 0 2px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
                 }
             }
         }