diff --git a/interface/src/app/settings/APSettings.tsx b/interface/src/app/settings/APSettings.tsx
index 4e7a5087a..0f1f8b462 100644
--- a/interface/src/app/settings/APSettings.tsx
+++ b/interface/src/app/settings/APSettings.tsx
@@ -206,7 +206,7 @@ const APSettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >
diff --git a/interface/src/app/settings/ApplicationSettings.tsx b/interface/src/app/settings/ApplicationSettings.tsx
index 409393746..16ac0e31b 100644
--- a/interface/src/app/settings/ApplicationSettings.tsx
+++ b/interface/src/app/settings/ApplicationSettings.tsx
@@ -813,7 +813,7 @@ const ApplicationSettings = () => {
             <Button
               startIcon={<CancelIcon />}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >
diff --git a/interface/src/app/settings/MqttSettings.tsx b/interface/src/app/settings/MqttSettings.tsx
index 416d0c493..40e670302 100644
--- a/interface/src/app/settings/MqttSettings.tsx
+++ b/interface/src/app/settings/MqttSettings.tsx
@@ -474,7 +474,7 @@ const MqttSettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >
diff --git a/interface/src/app/settings/NTPSettings.tsx b/interface/src/app/settings/NTPSettings.tsx
index 9843ccc0d..dd2e0bb29 100644
--- a/interface/src/app/settings/NTPSettings.tsx
+++ b/interface/src/app/settings/NTPSettings.tsx
@@ -121,7 +121,7 @@ const NTPSettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >
diff --git a/interface/src/app/settings/network/NetworkSettings.tsx b/interface/src/app/settings/network/NetworkSettings.tsx
index 68fbb5b10..786298e2e 100644
--- a/interface/src/app/settings/network/NetworkSettings.tsx
+++ b/interface/src/app/settings/network/NetworkSettings.tsx
@@ -372,7 +372,7 @@ const NetworkSettings = () => {
                 startIcon={<CancelIcon />}
                 disabled={saving}
                 variant="outlined"
-                color="primary"
+                color="secondary"
                 type="submit"
                 onClick={loadData}
               >
diff --git a/interface/src/app/settings/security/ManageUsers.tsx b/interface/src/app/settings/security/ManageUsers.tsx
index 0cf5f191c..affcf6496 100644
--- a/interface/src/app/settings/security/ManageUsers.tsx
+++ b/interface/src/app/settings/security/ManageUsers.tsx
@@ -227,7 +227,7 @@ const ManageUsers = () => {
                   startIcon={<CancelIcon />}
                   disabled={saving}
                   variant="outlined"
-                  color="primary"
+                  color="secondary"
                   type="submit"
                   onClick={onCancelSubmit}
                 >
diff --git a/interface/src/app/settings/security/SecuritySettings.tsx b/interface/src/app/settings/security/SecuritySettings.tsx
index 4106af2ac..b27128dfb 100644
--- a/interface/src/app/settings/security/SecuritySettings.tsx
+++ b/interface/src/app/settings/security/SecuritySettings.tsx
@@ -85,7 +85,7 @@ const SecuritySettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >
diff --git a/interface/src/components/upload/DragNdrop.tsx b/interface/src/components/upload/DragNdrop.tsx
index 67d1c3ba6..a659bd106 100644
--- a/interface/src/components/upload/DragNdrop.tsx
+++ b/interface/src/components/upload/DragNdrop.tsx
@@ -87,7 +87,7 @@ const DragNdrop = ({ onFileSelected }) => {
             <Button
               startIcon={<CancelIcon />}
               variant="outlined"
-              color="error"
+              color="secondary"
               onClick={(e) => handleRemoveFile(e)}
             >
               {LL.CANCEL()}