diff --git a/app/w/[id]/components/custom-edge/custom-edge.tsx b/app/w/[id]/components/custom-edge/custom-edge.tsx
index 67dfd39d1d..0ddf4b4541 100644
--- a/app/w/[id]/components/custom-edge/custom-edge.tsx
+++ b/app/w/[id]/components/custom-edge/custom-edge.tsx
@@ -56,7 +56,7 @@ export const CustomEdge = (props: EdgeProps) => {
               props.data?.onDelete?.(props.id)
             }}
           >
-            <X className="h-5 w-5 text-red-500" />
+            <X className="h-5 w-5 text-red-500 hover:text-red-600" />
           </div>
         </foreignObject>
       )}