From d1e1cd29ceff41c92c68624476fa33b021599327 Mon Sep 17 00:00:00 2001
From: Abdullah Salem <abdullahsalem@outlook.com>
Date: Tue, 22 Mar 2016 16:50:29 +0300
Subject: [PATCH] Fixed the margin (separator) of the stacked button group

---
 scss/components/_button-group.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index ea95e38b2..bbcdaf1de 100644
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -109,13 +109,20 @@ $buttongroup-expand-max: 6 !default;
   #{$selector} {
     @if $global-flexbox {
       flex: 0 0 100%;
+      margin-#{$global-right}: 0; 
     }
     @else {
       width: 100%;
+      border-#{$global-right}: $buttongroup-spacing solid transparent;
     }
-
+    
     &:not(:last-child) {
-      margin-#{$global-right}: 0;
+      @if $global-flexbox {
+        margin-bottom: $buttongroup-spacing;
+      }
+      @else {
+        border-bottom: $buttongroup-spacing solid $body-background;
+      }
     }
   }
 }
-- 
2.47.2