diff --git a/frontend/components/TargetLabelSelector/_styles.scss b/frontend/components/TargetLabelSelector/_styles.scss index b7ab374c24..867e7cfddc 100644 --- a/frontend/components/TargetLabelSelector/_styles.scss +++ b/frontend/components/TargetLabelSelector/_styles.scss @@ -6,6 +6,16 @@ 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 { diff --git a/frontend/pages/SoftwarePage/helpers.tsx b/frontend/pages/SoftwarePage/helpers.tsx index a20c0c37da..2885b00448 100644 --- a/frontend/pages/SoftwarePage/helpers.tsx +++ b/frontend/pages/SoftwarePage/helpers.tsx @@ -188,19 +188,34 @@ export const CUSTOM_TARGET_OPTIONS: IDropdownOption[] = [ { value: "labelsIncludeAny", label: "Include any", - helpText: "Hosts that have any of the selected labels.", + helpText: ( + <> + Software will only be available for install on hosts that{" "} + have any of these labels. + + ), disabled: false, }, { value: "labelsIncludeAll", label: "Include all", - helpText: "Hosts that have all of the selected labels.", + helpText: ( + <> + Software will only be available for install on hosts that{" "} + have all of these labels. + + ), disabled: false, }, { value: "labelsExcludeAny", label: "Exclude any", - helpText: "Hosts that don't have any of the selected labels.", + helpText: ( + <> + Software will only be available for install on hosts that{" "} + don't have any of these labels. + + ), disabled: false, }, ];