diff --git a/frontend/src/components/ui/status-badge.tsx b/frontend/src/components/ui/status-badge.tsx
index eaba42cb..f0f63241 100644
--- a/frontend/src/components/ui/status-badge.tsx
+++ b/frontend/src/components/ui/status-badge.tsx
@@ -5,7 +5,8 @@ export type Status =
   | "active"
   | "unavailable"
   | "hidden"
-  | "sync";
+  | "sync"
+  | "failed";
 
 interface StatusBadgeProps {
   status: Status;
@@ -25,6 +26,10 @@ const statusConfig = {
     label: "Unavailable",
     className: "text-red-600 dark:text-red-400 ",
   },
+  failed: {
+    label: "Failed",
+    className: "text-red-600 dark:text-red-400 ",
+  },
   hidden: {
     label: "Hidden",
     className: "text-zinc-400 dark:text-zinc-500 ",