We’ve noticed that elevation raised Elevation - Foundations - Atlassian Design System uses :
box-shadow: var(–ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424F);
There is an issue on safari, Firefox and chrome when the user uses non Retina displays.
Depending on the resolution and browser zoom in box-shadow is not rendered AT ALL in many combinations
Rendered and 2x zoom
Not rendered at all with zoom out
Its visible when the background item of the elevated item is white.
The solution is a hack to add border:thin, but that is actually changing the look & feel a bit.