.x-form-check {
  @extend %form-check,
          %d-flex,
          %custom-control,
          %custom-checkbox,
          %m-0,
          %p-0,
          %align-items-center;

  &:checked ~ .x-check-badge-label::before {
    @extend .border-white;
  }
}

.x-form-check-input {
  @extend %custom-control-input,
          %mt-0,
          %mr-1;
}

.x-form-check-label {
  @extend %custom-control-label,
          %d-flex,
          %align-items-center;
}