diff --git a/frontend/src/pages/agent/cards/index.vue b/frontend/src/pages/agent/cards/index.vue
index f9613ff..7dfe39f 100644
--- a/frontend/src/pages/agent/cards/index.vue
+++ b/frontend/src/pages/agent/cards/index.vue
@@ -339,7 +339,7 @@ onMounted(async () => {
               />
               <SingleFilter
                 v-model="statusFilter"
-                :title="t('agent.cards.status')"
+                :title="t('agent.cards.statusFilter')"
                 :options="statusOptions"
               />
               <DateRangeFilter
diff --git a/frontend/src/pages/agent/finance/components/data-table-toolbar.vue b/frontend/src/pages/agent/finance/components/data-table-toolbar.vue
index 09b2985..dd2cd57 100644
--- a/frontend/src/pages/agent/finance/components/data-table-toolbar.vue
+++ b/frontend/src/pages/agent/finance/components/data-table-toolbar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { Table } from '@tanstack/vue-table'
 
+import { X } from 'lucide-vue-next'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
@@ -18,12 +19,11 @@ const emit = defineEmits<{
 const { t } = useI18n()
 
 const typeModel = computed({
-  get: () => props.typeFilter,
-  set: (value: string) => emit('update:typeFilter', value),
+  get: () => props.typeFilter || undefined,
+  set: (value: string) => emit('update:typeFilter', value || ''),
 })
 
 const typeOptions = computed(() => [
-  { label: t('agent.finance.allTypes'), value: '' },
   { label: t('agent.finance.types.recharge'), value: 'recharge' },
   { label: t('agent.finance.types.consume'), value: 'consume' },
   { label: t('agent.finance.types.refund'), value: 'refund' },
@@ -34,7 +34,7 @@ const typeOptions = computed(() => [
   <div class="flex items-center gap-2">
     <UiSelect v-model="typeModel" class="w-[120px]">
       <UiSelectTrigger>
-        <UiSelectValue :placeholder="t('agent.finance.selectType')" />
+        <UiSelectValue :placeholder="t('agent.finance.allTypes')" />
       </UiSelectTrigger>
       <UiSelectContent>
         <UiSelectItem v-for="opt in typeOptions" :key="opt.value" :value="opt.value">
@@ -42,5 +42,12 @@ const typeOptions = computed(() => [
         </UiSelectItem>
       </UiSelectContent>
     </UiSelect>
+    <button
+      v-if="typeFilter"
+      class="inline-flex items-center justify-center rounded-md size-6 text-muted-foreground hover:text-foreground transition-colors"
+      @click="emit('update:typeFilter', '')"
+    >
+      <X class="size-3.5" />
+    </button>
   </div>
 </template>
diff --git a/frontend/src/plugins/i18n/en.json b/frontend/src/plugins/i18n/en.json
index 4ff4dc1..c463c92 100644
--- a/frontend/src/plugins/i18n/en.json
+++ b/frontend/src/plugins/i18n/en.json
@@ -2813,7 +2813,7 @@
       "cardCode": "Card Code",
       "app": "Application",
       "cardType": "Card Type",
-      "status": "Status",
+      "statusFilter": "Status",
       "createTime": "Create Time",
       "useTime": "Use Time",
       "unused": "Unused",
diff --git a/frontend/src/plugins/i18n/zh.json b/frontend/src/plugins/i18n/zh.json
index c2ce4a8..f3e6384 100644
--- a/frontend/src/plugins/i18n/zh.json
+++ b/frontend/src/plugins/i18n/zh.json
@@ -2814,7 +2814,7 @@
       "cardCode": "卡密",
       "app": "应用",
       "cardType": "卡类",
-      "status": "状态",
+      "statusFilter": "状态",
       "createTime": "创建时间",
       "useTime": "使用时间",
       "unused": "未使用",