diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
index b9862843f5..6671de9c75 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
@@ -11,7 +11,7 @@ import MdiAddIcon from '~icons/mdi/plus'
 
 const { nested = false, parentId, autoSave = true } = defineProps<{ nested?: boolean; parentId?: string; autoSave: boolean }>()
 
-const emit = defineEmits(['update:filters-length'])
+const emit = defineEmits(['update:filtersLength'])
 
 const meta = inject(MetaInj)
 const activeView = inject(ActiveViewInj)
@@ -91,7 +91,7 @@ const logicalOps = [
 watch(
   () => filters?.value?.length,
   (length) => {
-    emit('update:filters-length', length ?? 0)
+    emit('update:filtersLength', length ?? 0)
   },
 )
 
diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue
index 2f5483407a..51a95ba753 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue
@@ -39,7 +39,7 @@ const applyChanges = async () => {
         ref="filterComp"
         class="nc-table-toolbar-menu"
         :auto-save="autosave"
-        @update:filters-length="filtersLength = $event"
+        @update:filtersLength="filtersLength = $event"
       >
         <div class="d-flex align-end mt-2 min-h-[30px]" @click.stop>
           <a-checkbox id="col-filter-checkbox" v-model:checked="autosave" class="col-filter-checkbox" hide-details dense>