diff --git a/resources/js/components/ui/status-badge/index.ts b/resources/js/components/ui/status-badge/index.ts
index 49fc0ac..b68612b 100644
--- a/resources/js/components/ui/status-badge/index.ts
+++ b/resources/js/components/ui/status-badge/index.ts
@@ -58,6 +58,7 @@ export const castToStatusVariant = (status: string): StatusBadgeVariants['varian
     'paid': 'paid',
     'due': 'due',
     'reminded': 'reminded',
+    'cancelled': 'cancelled',
   };
 
   return statusMapping[status] || 'draft'; // 'draft' als Standardwert