Position issue when deployed to device

Loving ionic2 but noticed today upon deploying to a device and simulator that alignment is off in a few elements.

In the screencast below, you can see that the avatar-img and favourite button are positioned in the vertical center of the card using local ionic serve. Upon deploying to the device, however, the position of these elements have shifted, and are no longer centered.

I was wondering if anyone would know the cause of this? Is it a webview issue on the devices, or is it my fault with css or ionic and am I missing something obvious?