diff --git a/src/components/EscDshotDirection/Styles.css b/src/components/EscDshotDirection/Styles.css
index 8d769168fd..5d0f09b9d7 100644
--- a/src/components/EscDshotDirection/Styles.css
+++ b/src/components/EscDshotDirection/Styles.css
@@ -108,16 +108,16 @@
 
 @media (hover: hover) {
     #escDshotDirectionDialog-NormalDialog .regular-button.pushed:hover {
-        background-color: #993333;
+        background-color: var(--primary-transparent-4);
     }
 
     #escDshotDirectionDialog-NormalDialog .regular-button:hover {
-        background-color: #993333;
+        background-color: var(--primary-400);
     }
 }
 
 #escDshotDirectionDialog-MainContent .regular-button.highlighted {
-    background-color: #EE2222;
+    background-color: var(--primary-500);
 }
 
 #escDshotDirectionDialog-CommandsWrapper {
diff --git a/src/css/main.less b/src/css/main.less
index 5e18246519..040966b577 100644
--- a/src/css/main.less
+++ b/src/css/main.less
@@ -1272,8 +1272,9 @@ dialog {
     }
 }
 .regular-button.pushed {
-    background-color: var(--primary-400);
-    color: var(--pushedButton-fontColor);
+    background-color: var(--primary-transparent-3);
+    color: var(--text);
+    border: 1px solid var(--primary-transparent-4);
     border-radius: 3px;
 }
 .danger-button {