diff --git a/frontend/src/pages/edits/Edit.tsx b/frontend/src/pages/edits/Edit.tsx
index bc1eb220a..007a651e8 100644
--- a/frontend/src/pages/edits/Edit.tsx
+++ b/frontend/src/pages/edits/Edit.tsx
@@ -63,7 +63,8 @@ const EditComponent: FC = () => {
     <Modal
       message="Are you sure you want to cancel this edit?"
       callback={handleCancel}
-      acceptTerm="Cancel edit"
+      acceptTerm="Yes, cancel edit"
+      cancelTerm="Cancel"
     />
   );
 
diff --git a/frontend/src/styles/theme.scss b/frontend/src/styles/theme.scss
index 23e6c0291..5b3682ad9 100644
--- a/frontend/src/styles/theme.scss
+++ b/frontend/src/styles/theme.scss
@@ -247,11 +247,22 @@ hr {
 }
 
 .modal {
-  color: $dark-text;
+  color: $text-color;
+
+  .btn-close {
+    background-color: $text-color;
+  }
 
-  .modal-body,
-  .modal-footer {
-    background-color: rgb(235 241 245);
+  &-header,
+  &-body,
+  &-footer {
+    background-color: #30404d;
+    border-color: transparent;
+    color: $text-color;
+  }
+
+  &-content {
+    background-color: transparent;
   }
 }