1 files changed, 3 insertions, 4 deletions

diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index ab2be40..969bf56 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -68,10 +68,9 @@
                 }
 
                 @include bem.modifier('highlight') {
-                        border-color:  props.get(vars.$highlight--border-color);
-                        outline-width: calc(props.get(vars.$highlight--border-width) - props.get(vars.$border-width));
-                        outline-style: solid;
-                        outline-color: props.get(vars.$highlight--border-color);
+                        border-color:   props.get(vars.$highlight--border-color);
+                        outline:        calc(props.get(vars.$highlight--border-width) - props.get(vars.$border-width)) solid props.get(vars.$highlight--border-color);
+                        outline-offset: calc(-1 * props.get(vars.$highlight--border-width));
                         box-shadow:
                                 props.get(vars.$highlight--shadow-x)
                                 props.get(vars.$highlight--shadow-y)