Which component(s) are affected?

Navigation bar, Icon(s), Icon button

Description

There are differences between the styles of the icon or icon-button when placed inside in the "end" slot of the nav bar. The differences are in the width, height and line-height. Even tought the width and height are set from the same var(--size) they produce different values in px.

Reproduction

Run the igniteui dev demos. Open the banner sample, which contains both the igx-navbar and the igc-navbar. Inspect the icons of the right side of the navbars (the "end " slot).

Workaround

I have not found a workaround.

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

6.2.1

Browser/OS/Node environment

Browser: Chrome
OS: Win 11