diff --git a/components/email/email-composer.tsx b/components/email/email-composer.tsx
index 13a6b9f0..b206aeca 100644
--- a/components/email/email-composer.tsx
+++ b/components/email/email-composer.tsx
@@ -3255,7 +3255,16 @@ function RecipientChipInput({
               onContextMenu={isEditing ? undefined : (e) => handleContextMenu(e, i, chip)}
             >
               {IconComponent ? (
-                <IconComponent className={`w-4 h-4 text-${customColor}`} />
+                                <IconComponent
+                   className={cn(
+                     "w-4 h-4",
+                     customColor === "success"
+                       ? "text-success"
+                       : customColor === "warning"
+                         ? "text-warning"
+                         : "text-destructive"
+                   )}
+                 />
               ) : null}
 
               {isEditing ? (
diff --git a/lib/email-composer-utils.ts b/lib/email-composer-utils.ts
index 0fe8b2fd..1ac83c19 100644
--- a/lib/email-composer-utils.ts
+++ b/lib/email-composer-utils.ts
@@ -1,6 +1,6 @@
 import { isValidEmail } from "@/lib/validation";
 import { htmlToPlainText } from "@/lib/html-to-text";
-import { emailHooks } from "./plugin-hooks";
+import { emailHooks } from "@/lib/plugin-hooks";
 import { Ellipsis, Lock, TriangleAlert } from "lucide-react";
 
 const HTML_ESCAPE_MAP = {