Same size font looks like a different size

Question

As you can see, both of these buttons have text that's the same font-size, but appear very different in size.

With devtools open you can see that both buttons have font-size: 16px They are also both the same font ('Roboto').

Any idea what could be causing this discrepancy?

To clarify, I am working on recreating a website that's currently on WordPress. While I do have access to the back end on WordPress, it's handled by the theme so I can't see the actual code.

Answer 1

I think you forgot to add

<meta name="viewport" content="width=device-width, initial-scale=1.0">

That's why it looks like small.

http://www.w3schools.com/css/css_rwd_viewport.asp