Button/link padding inconsistent on different browsers

Hey guys! A link block in my nav bar and a few other buttons with color changes on hover (see About page for another example) have padding issues. Top pad is 10 and bottom pad is 12. On Chrome and in Webflow, this appears equidistant. On Safari and Firefox, it seems to be showing that extra 2 pixels.

Is there something I’m doing wrong here? Thanks in advance!


Here is my site Read-Only: https://preview.webflow.com/preview/rickys-initial-project-812498?utm_medium=preview_link&utm_source=dashboard&utm_content=rickys-initial-project-812498&preview=36a5f39e7e03528e94697aee10a2a9b6&mode=preview