Icon buttons have padding despite being plain

I have Buttons without labels, just icons, that I’m rendering in a Box.

I want to reduce spacing between them but the plain prop doesn’t remove padding.

Note: could be similar to #1343

Expected Behavior

A Button with the prop of plain shouldn’t have padding, as per the docs:

plain Whether this is a plain button with no border or padding

Actual Behavior

The padding is still set

URL, screen shot, or Codepen exhibiting the issue

Here’s a sandbox, navigate to Button

Your Environment

• Grommet version: 2.5.5
• Browser Name and version: Firefox
• Operating System and version (desktop or mobile): Ubuntu desktop

[ShimiSun]

Fixed! thank you for filing the issue!

[oorestisime]

So the padding is applied here https://github.com/grommet/grommet/blob/master/src/js/components/Button/StyledButton.js#L121-L129

Here are some screenshots when not applying it and when we do (line height is always needed)

Don’t know if this is needed either