diff --git a/src/components/sync-status.tsx b/src/components/sync-status.tsx
index 5e3089bd..b6bbe436 100644
--- a/src/components/sync-status.tsx
+++ b/src/components/sync-status.tsx
@@ -26,7 +26,7 @@ export function useSyncStatusText() {
   }
 
   if (isSyncError) {
-    return "Sync error"
+    return <span className="text-text-danger">Sync error</span>
   }
 
   return "Syncing…"