diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue
index 85f37f440be..67d57004f79 100644
--- a/src/pages/Claim/Card/ClaimSummary.vue
+++ b/src/pages/Claim/Card/ClaimSummary.vue
@@ -1,6 +1,6 @@
 <script setup>
 import axios from 'axios';
-import { ref, computed, onMounted } from 'vue';
+import { ref, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { toDate, toCurrency } from 'src/filters';
@@ -212,8 +212,7 @@ function claimUrl(section) {
             <VnDropdown
                 :options="claimStates"
                 option-label="description"
-                option-value="id"
-                @change-state="changeState($event)"
+                @change-state="changeState"
             />
         </template>
         <template #menu="{ entity }">
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index d79c5a9ac6e..f865abfc4f6 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -116,9 +116,8 @@ onMounted(async () => {
             <VnDropdown
                 :disable="!isEditable()"
                 :options="editableStates"
-                :option-label="'name'"
-                :option-value="'code'"
-                @change-state="changeState($event)"
+                option-value="code"
+                @change-state="changeState"
             />
         </template>
         <template #menu="{ entity }">