// react-select's <Select/> styles prop customizes the styling of
// the internal components and not external elements like labels
// See customStyles in DropdownWrappr.tsx
// https://react-select.com/styles
.dropdown-wrapper {
  &__label {
    &--error {
      color: $ui-error;
    }
    &--disabled {
      color: $ui-fleet-black-50;
    }
  }

  // Table dropdowns have height 40px
  &__table-filter {
    height: 36px;

    .react-select__control {
      height: 36px;
    }
  }
}