diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index dd5040effd796a647ab9966b625a66eb19468fae..24c99bd19621e00447f1400252f1d2a9a7b19b2a 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -262,7 +262,6 @@ code if we want */
 .react-flow__node-customNode:hover .custom-node-delete-button {
   opacity: 1.0;
   transition: opacity 0.2s ease-in-out;
-  color: rgb(156, 144, 144);
   background-color: rgba(255, 255, 255, 1);
   border: 1.5px solid rgb(156, 144, 144);
   height: 14px;
@@ -275,9 +274,8 @@ code if we want */
   border-radius: '50%';
   justify-content: center;
   align-items: center;
-
-  color: var(--joy-palette-danger-400);
-  border-color: var(--joy-palette-danger-400),
+  color: var(--joy-palette-primary-400);
+  border-color: var(--joy-palette-primary-400),
 }
 
 .react-flow__node-customNode:hover {