diff --git a/src/components/ComboBoxSimple.vue b/src/components/ComboBoxSimple.vue
index 4bc06f268bfd3c2f2b284bc6f8aeda9b518ccfea..7922a154c3299c4b79efd32f3d6f145e0a5f6a30 100644
--- a/src/components/ComboBoxSimple.vue
+++ b/src/components/ComboBoxSimple.vue
@@ -56,7 +56,7 @@ export type ComboBoxSimpleProps<T> = Omit<ComboBoxProps<T>, 'choices'> & {
 <script setup lang="ts" generic="T extends { id: ID; name?: string }">
 import { ID } from '@rokoli/bnb/drf'
 import { computedAsync } from '@vueuse/core'
-import { computed, ref, toValue } from 'vue'
+import { computed, toValue } from 'vue'
 import { computedDebounced, matchesSearch } from '@/util'
 import Tag from './generic/Tag.vue'
 import ComboBox from './ComboBox.vue'
@@ -78,9 +78,9 @@ defineSlots<{
 }>()
 
 const modelValue = defineModel<null | T | T[]>({ required: true })
+const searchQuery = defineModel<string>('searchTerm', { required: false, default: '' })
 const props = defineProps<ComboBoxSimpleProps<T>>()
 
-const searchQuery = ref('')
 const debouncedSearchQuery = computedDebounced(searchQuery, (t) => (t.trim() ? 0.3 : 0))
 const selectedIds = computed(() => {
   if (Array.isArray(modelValue.value)) {