Search code examples
angulartypescriptangular-materialmat-stepper

Angular Material : on increasing mat stepper circle size the position of line is getting changed

Kindly check my code snippet stackblitz

image

Solution

  • you can add the below styles to make it work

    .mat-step-header::after, .mat-step-header::before, .mat-stepper-horizontal-line {
  top: 42px !important;
}

    working example stackblitz