You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
When reducing the size of a ui5-icon the alignment of the SVG within it's container breaks in Safari. The issue is not present in Chrome & Firefox.
Adding "vertical-align: top" to the SVG icon element seemingly fixes the issue and has no negative effect in Chrome & Firefox but I didn't thoroughly test this.
Describe the bug
When reducing the size of a ui5-icon the alignment of the SVG within it's container breaks in Safari. The issue is not present in Chrome & Firefox.
Adding "vertical-align: top" to the SVG icon element seemingly fixes the issue and has no negative effect in Chrome & Firefox but I didn't thoroughly test this.
To reproduce
Steps to reproduce the behavior:
Isolated example
https://codesandbox.io/s/ui5-webcomponents-pbulf
Expected behavior
Icon alignment should be consistent across browsers
Screenshots


Chrome:
Safari:
Context
Affected components (if known)
Icon
The text was updated successfully, but these errors were encountered: