Description

In the other themes, the icon is correctly positioned within the bounds of the icon component, but in Indigo Theme the positioning is OFF.

• igniteui-angular version: 20.1
• browser:

I believe that this is regression originating from this issue:

IgniteUI/igniteui-webcomponents#1924 (comment)

Steps to reproduce

Add an icon to the nav-bar title.

Result

Using Indigo theme the icon has an unnecessary padding, compared to the other themes.

Expected result

The Indigo theme should not have this unnecessary padding.

Attachments

Attach a sample if available, and screenshots, if applicable.

Indigo:

Material:

Below are also sample apps that demosntrate the issue:

material.zip

indigo_theme.zip