Webpage is zoomed out a bit despite using meta tags

Despite using the following meta tag, my webpage seems to be zoomed out a bit. I can't for the life of me figure out what is going wrong.

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

What I expect to see:

What I end up seeing:

This happens on both Android and iOS. Any help would be greatly appreciated.