[bug]:

[gfellerph]

Describe the bug
Stepper zoom behavior is breaking on large zoom factors or smaller screen sizes.

To Reproduce

<div class="stepper-container">
  <ol class="stepper">
    <li class="stepper-item">
      <span class="stepper-link" i18n title="Konto erstellen">
        Konto erstellen
      </span>
    </li>
    <li class="stepper-item" [attr.aria-current]="step === 'lot2' && 'step'">
      <span class="stepper-link" i18n title="Prüfung">
        Prüfung
      </span>
    </li>
    <li class="stepper-item" [attr.aria-current]="step === 'stepUp' && 'step'">
      <span class="stepper-link" i18n title="Antragsformular signieren">
        Antrags<wbr>&shy;formular signieren
      </span>
    </li>

    <li class="stepper-item" [attr.aria-current]="step === 'consent' && 'step'">
      <span class="stepper-link" i18n>Personal information</span>
    </li>
    <li class="stepper-item" [attr.aria-current]="step === 'payment' && 'step'">
      <span class="stepper-link" i18n>
        Payment
      </span>
    </li>
    <li class="stepper-item" [attr.aria-current]="step === 'creation' && 'step'">
      <span class="stepper-link" i18n title="Creation">
        Creation
      </span>
    </li>
  </ol>
</div>

Expected behavior
Nothing should get cut or misplaced.

Screenshots

Additional context
Add any other context about the problem here.