Stepper | Indigo Theme: Content jumps before/during grow animation

[RivaIvanova]

Description

Observe the step content (First Name label) for the Angular stepper and the WC one. The Angular one seems to "jump" when the animation starts. Reproducible only for the Indigo theme, for the other themes it seems to work like the WC one, i.e., no jump.

• igniteui-angular version: master, 21.0.x, 20.1.x
• browser:

Steps to reproduce

1. Open the stepper demo http://localhost:4200/stepper
2. Change the theme to Indigo in src/styles/_variables.scss

// Before
$palette: $light-material-palette;
$schema: $light-material-schema;
$typeface: $material-typeface;
$type-scale: $material-type-scale;

// After
$palette: $light-indigo-palette;
$schema: $light-indigo-schema;
$typeface: $indigo-typeface;
$type-scale: $indigo-type-scale;

3. Make sure that the stepper is vertical and that the Grow animation is set.
4. Click on the Next button or the next stepper header and observe the content.

Result

The Angular step content jumps before/during the animation.

Expected result

No jump like in the other themes and in WC.