I have sort of a quirky issue with icons:
- I have a set of icons that are linked to my UI kit
- icons are placed in, e.g. icon button and applied variable for it’s height (it’s locked aspect ratio but we found out applying the variable to height is more reliable than width)
- we have 3 density modes: regular, compact, and ultra compact
- icon button nested in another component is causing the icon within to loose the 1:1 ratio when compact or ultra compact mode applied
The issue disappears when component gets detached 😓 (The search icon in the screenshot below is nested even deeper what only proves the issue is with this components being nested.)
