diff --git a/src/buttons/button.scss b/src/buttons/button.scss
index 6aba527d..74c5f7be 100644
--- a/src/buttons/button.scss
+++ b/src/buttons/button.scss
@@ -109,6 +109,8 @@
   // Keep :focus after :disabled. Allows to see the focus ring even on disabled buttons
   &:focus,
   &.focus {
+    outline: 1px dotted transparent; // Support Firfox custom colors
+    outline-offset: 2px;
     box-shadow: $box-shadow-focus;
   }
 }