.field-unit {
  @include clearfix;
  @include fill-parent;
  align-items: baseline;
  margin-bottom: $base-spacing;
  position: relative;

  label {
    @include data-label;
    @include span-columns(2 of 12);
    text-align: right;
  }

  select,
  .selectize-control {
    background-color: $white;
  }

  input,
  select,
  .selectize-control {
    @include span-columns(4 of 12);
  }

  textarea {
    @include span-columns(6 of 12);
  }

  [type="checkbox"],
  [type="radio"] {
    width: auto;
  }

  select {
    appearance: none;
    background: image-url("administrate/dropdown.svg") no-repeat 97% 50% / 10px;
  }
}

.field-unit {
  @include clearfix;
  @include fill-parent;
  align-items: baseline;
  margin-bottom: $base-spacing;
  position: relative;

  label {
    @include data-label;
    @include span-columns(2 of 12);
    text-align: right;
  }

  .selectize-control {
    background-color: $white;
  }

  input,
  select,
  .selectize-control {
    @include span-columns(4 of 12);
  }

  textarea {
    @include span-columns(6 of 12);
  }

  [type="checkbox"],
  [type="radio"] {
    width: auto;
  }
}

Use default styling on select elements
Use default styling on select elements

There isn't a standardized way of customizing the look and feel of select
elements. It's always a bit of a hack. We are also still using default checkmark
and radio buttons, so why only customize some of the default form fields?

For now, let's go back to using default select and we can revisit customizing
the look and feel in the future, after some CSS clean up.
