diff --git a/src/lib/core/style/_button-common.scss b/src/lib/core/style/_button-common.scss index b75c21c1b77e..cfbfc4705738 100644 --- a/src/lib/core/style/_button-common.scss +++ b/src/lib/core/style/_button-common.scss @@ -7,4 +7,11 @@ outline: none; border: none; -webkit-tap-highlight-color: transparent; + + // The `outline: none` from above works on all browsers, however Firefox also + // adds a special `focus-inner` which we have to disable explicitly. See: + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Firefox + &::-moz-focus-inner { + border: 0; + } }