Created attachment 297930 [details] Example HTML WebKitGTK+ 2.14.x + GTK+ 3.22 incorrectly renders ~8px of additional background at the bottom of any element styled as a native button. This only occurs at the bottom, not along other sides, and it doesn't seem possible to remove it using CSS, except by using -webkit-appearance: none, but then you lose the appearance of a native button. Further, when mousing over this extra area at the bottom, although the cursor visually overlaps the button, no hover effects are triggered and it is not possible to click the button. This is on a high DPI display, if that matters for anything.
Created attachment 297931 [details] Screenshot of the example HTML
Sharp eyes. It's not a hidpi bug; I can reproduce it on my normal screen.
For anyone who wants to follow along at home, Source/WebCore/rendering/RenderThemeGtk.cpp and RenderThemeGtk::paintButton in particular is the place to start. The implementation looks sane so it'll need some debugging.