Угловой материал: при увеличении размера шагового круга мата положение линии меняется

Question

Пожалуйста, проверьте мой фрагмент кода stackblitz

Answer 1

Вы можете добавить стили ниже, чтобы он работал

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

рабочий пример stackblitz

Answer 2

Вы должны вручную выровнять либо головку, либо разделительную линию. Для удобства доработал голову. В файлеstyles.scssпосле строки 26 добавьте это top:-6px!important. Вы уловили идею.