diff --git a/client/src/components/Form/Elements/FormSelection.vue b/client/src/components/Form/Elements/FormSelection.vue
index ca328723e6b0..2b533461c338 100644
--- a/client/src/components/Form/Elements/FormSelection.vue
+++ b/client/src/components/Form/Elements/FormSelection.vue
@@ -96,14 +96,12 @@ watch(
{ immediate: true }
);
-const displayMany = computed(
- () => props.multiple && props.display !== "checkboxes" && props.display !== "radio" && useMany.value
-);
-
-const showManyButton = computed(
- () => props.multiple && props.display !== "checkboxes" && props.display !== "radio" && !useMany.value
+const showSelectPreference = computed(
+ () => props.multiple && props.display !== "checkboxes" && props.display !== "radio"
);
+const displayMany = computed(() => showSelectPreference.value && useMany.value);
+const showManyButton = computed(() => showSelectPreference.value && !useMany.value);
const showMultiButton = computed(() => displayMany.value);
@@ -114,7 +112,7 @@ const showMultiButton = computed(() => displayMany.value);
-
+