diff --git a/scss/_button.scss b/scss/_button.scss
index 60f77e9713..ca271cd816 100644
--- a/scss/_button.scss
+++ b/scss/_button.scss
@@ -129,7 +129,7 @@
   padding: 0 6px;
   min-width: initial;
   background: none;
-  border: none;
+  border-color: transparent;
   background: none;
 
   &.button:active, &.button.active {
@@ -148,7 +148,7 @@
   @include transition(opacity .1s);
   padding: 0 $button-clear-padding;
   max-height: $button-height;
-  border: none;
+  border-color: transparent;
   background: none;
   box-shadow: none;
 
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 77a4fb546b..20c90f979a 100644
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -23,12 +23,17 @@
   &.button-clear {
     color: $color;
     background: none;
+    border-color: transparent;
     box-shadow: none;
 
     @if $font-size != "" {
       font-size: $font-size;
     }
   }
+  &.button-icon {
+    background: none;
+    border-color: transparent;
+  }
 }
 
 @mixin button-outline($color, $text-color:"") {