How-to: Remove Extra Button Spacing/Padding in Firefox

on dev, front-end, how-to

It usually is Internet Explorer that makes the life of a web developer hard, but this time I stumbled upon an issue when Mozilla Firefox added unexpected padding to my html buttons. After short research I found a simple solution to fix this odd behaviour:

1
2
3
4
button::-moz-focus-inner {            
    padding: 0;
    border: 0
}