diff --git a/app/components/app/encounter/status-badge.vue b/app/components/app/encounter/status-badge.vue
index c8d4cd06..2ddd6549 100644
--- a/app/components/app/encounter/status-badge.vue
+++ b/app/components/app/encounter/status-badge.vue
@@ -12,7 +12,7 @@ const statusCodeColors: Record<string, Variants> = {
   review: 'fresh',
   process: 'fresh',
   done: 'positive',
-  canceled: 'destructive',
+  cancel: 'destructive',
   rejected: 'destructive',
   skiped: 'negative',
 }
diff --git a/app/lib/constants.ts b/app/lib/constants.ts
index 3a52b22e..56a44b39 100644
--- a/app/lib/constants.ts
+++ b/app/lib/constants.ts
@@ -8,7 +8,7 @@ export const dataStatusCodes: Record<string, string> = {
   review: 'Review',
   process: 'Proses',
   done: 'Selesai',
-  canceled: 'Dibatalkan',
+  cancel: 'Dibatalkan',
   rejected: 'Ditolak',
   skiped: 'Dilewati',
 }