fleet/frontend/components/TargetLabelSelector/_styles.scss

.target-label-selector {
  width: 100%;
  font-size: $x-small;

  &__custom-label-chooser {
    display: flex;
    flex-direction: column;
    gap: $pad-medium;

    // Hardcoded to fit all 3 custom target options (Exclude any, Include all,
    // Include any) without scrolling
    .Select-menu-outer {
      max-height: 260px;
    }

    .Select-menu {
      max-height: 244px;
    }
  }

  &__checkboxes {
    display: flex;
    max-height: 189px; // Fits 5 options before scrolling
    flex-direction: column;
    border-radius: $border-radius;
    border: 1px solid $ui-fleet-black-10;
    overflow-y: auto;

    .loading-spinner {
      margin: 69.5px auto;
    }
  }

  &__label {
    width: 100%;
    padding: $pad-small $pad-medium;
    box-sizing: border-box;
    display: flex;
    align-items: center;

    &:not(:last-child) {
      border-bottom: 1px solid $ui-fleet-black-10;
    }

    .form-field--checkbox {
      width: auto;
    }
  }

  &__label-name {
    padding-left: $pad-small;
  }
}