diff --git a/frontend/src/styles/strategyEditor.css b/frontend/src/styles/strategyEditor.css
index e5bfada..ec8bc12 100644
--- a/frontend/src/styles/strategyEditor.css
+++ b/frontend/src/styles/strategyEditor.css
@@ -1206,7 +1206,7 @@
 .se-flow-cond-actions {
   display: flex;
   align-items: center;
-  gap: 2px;
+  gap: 6px;
   flex-shrink: 0;
 }
 .se-flow-node--cond { position: relative; }
@@ -1234,13 +1234,23 @@
 
 .se-flow-del {
   position: static;
-  border: none; background: rgba(0, 0, 0, 0.4);
-  color: rgba(255, 77, 109, 0.9);
+  border: 1px solid color-mix(in srgb, var(--se-danger) 45%, transparent);
+  background: color-mix(in srgb, var(--se-danger) 24%, transparent);
+  color: color-mix(in srgb, var(--se-danger) 88%, #fff 12%);
   width: 18px; height: 18px; border-radius: 4px;
   cursor: pointer; font-size: 0.85rem; line-height: 1;
   opacity: 0;
-  transition: opacity 0.12s;
+  transition: opacity 0.12s, background 0.12s, border-color 0.12s, color 0.12s;
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+.se-flow-del:hover {
+  background: color-mix(in srgb, var(--se-danger) 42%, transparent);
+  border-color: color-mix(in srgb, var(--se-danger) 72%, transparent);
+  color: #fff;
 }
 .se-flow-settings {
   border: none;