diff --git a/frontend/src/pages/CallLog.vue b/frontend/src/pages/CallLog.vue
index 2cc0036e..eb6a8a54 100644
--- a/frontend/src/pages/CallLog.vue
+++ b/frontend/src/pages/CallLog.vue
@@ -249,6 +249,9 @@ const breadcrumbs = computed(() => [
 const statusLabelMap = {
   Completed: 'Completed',
   Busy: 'Declined',
+  Failed: 'Failed',
+  Queued: 'Queued',
+  Cancelled: 'Cancelled',
   Ringing: 'Ringing',
   'No Answer': 'Missed Call',
   'In Progress': 'In Progress',
@@ -257,6 +260,9 @@ const statusLabelMap = {
 const statusColorMap = {
   Completed: 'green',
   Busy: 'orange',
+  Failed: 'red',
+  Queued: 'gray',
+  Cancelled: 'gray',
   Ringing: 'gray',
   'No Answer': 'red',
   'In Progress': 'blue',
diff --git a/frontend/src/pages/CallLogs.vue b/frontend/src/pages/CallLogs.vue
index e691517c..d5e3e20c 100644
--- a/frontend/src/pages/CallLogs.vue
+++ b/frontend/src/pages/CallLogs.vue
@@ -120,6 +120,9 @@ const rows = computed(() => {
 const statusLabelMap = {
   Completed: 'Completed',
   Busy: 'Declined',
+  Failed: 'Failed',
+  Queued: 'Queued',
+  Cancelled: 'Cancelled',
   Ringing: 'Ringing',
   'No Answer': 'Missed Call',
   'In Progress': 'In Progress',
@@ -128,6 +131,9 @@ const statusLabelMap = {
 const statusColorMap = {
   Completed: 'green',
   Busy: 'orange',
+  Failed: 'red',
+  Queued: 'gray',
+  Cancelled: 'gray',
   Ringing: 'gray',
   'No Answer': 'red',
   'In Progress': 'blue',