Bar tab requires pinch zoom to see icons properly

[Chip Castle]

I have a view which has 3 icons at the bottom using <div class="bar bar-tab"> in the surrounding div and then each link within the div uses class="tab-item", but it doesn't always show properly (notice Action icon on far right):

I can pinch zoom to make it look like this:

Are there any suggestions for getting the proper behavior without pinching?

[Chip Castle]

I notice this behavior occurs after clicking on a select menu.

[Chip Castle]

As a workaround, I prevented my viewport from scaling:

<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">