code formating on forum seems broken

i just submitted some sass to the forum,
does seem to keep tabs or enters
example:
 

.ap_wizard {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.ap_wizardstep{
  margin: 0 30px;
  color: $text-secondary;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .ap_icn{
    width: auto;
  }
}



$amountOfLinks: 20;
@for $i from 1 through $amountOfLinks {
  //Viewed
  .ap_wizard.active#{$i} .ap_wizardstep:nth-child(-n+#{$i}){
    color: $text-inactive;

  }
  //Active
  .ap_wizard.active#{$i} .ap_wizardstep:nth-child(#{$i}){
    color: $brand-primary;
  }
}