diff --git a/src/app/ui/modaldialog.js b/src/app/ui/modaldialog.js
index 1827aa335e..1c346d76b4 100644
--- a/src/app/ui/modaldialog.js
+++ b/src/app/ui/modaldialog.js
@@ -15,6 +15,7 @@ module.exports = (title, content, ok, cancel, focusSelector) => {
 
   var cancelDiv = document.getElementById('modal-footer-cancel')
   cancelDiv.innerHTML = (cancel && cancel.label !== undefined) ? cancel.label : 'Cancel'
+  cancelDiv.style.display = cancelDiv.innerHTML === '' ? 'none' : 'inline-block'
 
   var modal = document.querySelector(`.${css.modalBody}`)
   var modalTitle = document.querySelector(`.${css.modalHeader} h3`)
diff --git a/src/app/ui/styles/modaldialog-styles.js b/src/app/ui/styles/modaldialog-styles.js
index 1c97ddf6d7..00b750ec22 100644
--- a/src/app/ui/styles/modaldialog-styles.js
+++ b/src/app/ui/styles/modaldialog-styles.js
@@ -17,17 +17,21 @@ var css = csjs`
     display: flex;
     justify-content: space-between;
     background: var(--info);
+    color: var(--primary);
   }
   .modalBody {
     padding: 1.5em;
     line-height: 1.5em;
-    color: var(--success);
+    color: var(--primary);
   }
   .modalBody em {
-    color: var(--text-secondary);
+    color: var(--success);
   }
   .modalBody a {
-    color: var(--text-secondary);
+    color: var(--secondary);
+  }
+  .modalBody a:hover {
+    color: var(--success);
   }
   .modalFooter {
     display: flex;