diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
index 15d3ee0ebd..9c8f3169b7 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
@@ -44,9 +44,7 @@ const options = computed<SelectProps['options']>(() =>
     })),
 )
 
-const filterOption = (input: string, option: any) => {
-  return option.value.toLowerCase()?.includes(input.toLowerCase())
-}
+const filterOption = (input: string, option: any) => option.label.toLowerCase()?.includes(input.toLowerCase())
 </script>
 
 <template>
@@ -58,7 +56,7 @@ const filterOption = (input: string, option: any) => {
     :filter-option="filterOption"
     dropdown-class-name="nc-dropdown-toolbar-field-list"
   >
-    <a-select-option v-for="option in options" :key="option.value" :value="option.value">
+    <a-select-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value">
       <div class="flex gap-2 items-center items-center h-full">
         <component :is="option.icon" class="min-w-5 !mx-0" />