Discovered while testing on Mac browsers. Further test across core browsers across multiple OS.
Not a bug for the actual codebase, and thus not an issue for any product team; solely specific to site build of fsa-style and fsa-design-system.
Culprit
Since the arrows are content rendered as text, and thus uses different fonts between Windows and Mac (i.e. Consolas on Windows).
Solution
Rather than try to get fonts aligned, replace with our new icons, which has the added bonus of being same icons used by Chrome for those browser controls.
Summary
Discovered while testing on Mac browsers. Further test across core browsers across multiple OS.
Not a bug for the actual codebase, and thus not an issue for any product team; solely specific to site build of
fsa-styleandfsa-design-system.Culprit
Since the arrows are content rendered as text, and thus uses different fonts between Windows and Mac (i.e.
Consolason Windows).Solution
Rather than try to get fonts aligned, replace with our new icons, which has the added bonus of being same icons used by Chrome for those browser controls.
Screenshot