fix: make button-group no-gap relative to hollow-border-width

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index fcc88a6ba65ab0adc2c1c94961cde309a4262512..3b56558746821d90c6c03223866e02a3859addaf 100644 (file)
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -78,10 +78,11 @@ $buttongroup-radius-on-each: true !default;
 /// Make buttons bonded without gap between them. Borders between buttons are merged
 /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
 @mixin button-group-no-gap(
-  $selector: $buttongroup-child-selector
+  $selector: $buttongroup-child-selector,
+  $border-width: $button-hollow-border-width
 ) {
   #{$selector} {
-    margin-#{$global-right}: -1px;
+    margin-#{$global-right}: rem-calc(-$border-width);
 
     + #{$selector} {
       border-#{$global-left}-color: transparent;