Chrome bug makes rem sized borders vanish on zoom out

Created by: misterdai

While checking Bootstrap V4, I noticed that the card borders vanish in Google Chrome when zoomed out by 1 increment or more. Other browsers (Firefox, IE) behave themselves and the border stays visible. Appears to be caused by a Chromium bug that's not going to be fixed until they've released their Slimming Paint code.

https://code.google.com/p/chromium/issues/detail?id=382483

As far as I can tell, this currently only affects cards in V4 as they use rem based borders. I'm unsure on the approach V4 intends to take, but this probably should be taken into consideration if all borders will be sized in rem's eventually.

Here's an example of the normal zoom level and one step zoomed out on Chrome.