diff --git a/src/app/ui/modaldialog.js b/src/app/ui/modaldialog.js
index 8a01bdde05..6ac95c6acb 100644
--- a/src/app/ui/modaldialog.js
+++ b/src/app/ui/modaldialog.js
@@ -84,13 +84,13 @@ function html () {
   <div id="modal-background" class="${css['modalBackground']}"> </div>
   <div class="${css['modalContent']} bg-light text-secondary">
     <div class="${css['modalHeader']}">
-    <h2></h2>
+    <h3></h3>
     <i id="modal-close" title="Close" class="fa fa-times ${css['modalClose']}" aria-hidden="true"></i>
   </div>
   <div class="${css['modalBody']}"> -
   </div>
   <div class="${css['modalFooter']}">
-    <span id="modal-footer-ok" class=${css['modalFooterOk']}>OK</span><span id="modal-footer-cancel"  class=${css['modalFooterCancel']}>Cancel</span>
+    <span id="modal-footer-ok" class="${css['modalFooterOk']} btn btn-sm btn-primary">OK</span><span id="modal-footer-cancel"  class="${css['modalFooterCancel']} btn btn-sm btn-primary">Cancel</span>
         </div>
   </div>
   </div>`
diff --git a/src/app/ui/styles/modaldialog-styles.js b/src/app/ui/styles/modaldialog-styles.js
index 23f6c866e5..1c97ddf6d7 100644
--- a/src/app/ui/styles/modaldialog-styles.js
+++ b/src/app/ui/styles/modaldialog-styles.js
@@ -16,10 +16,12 @@ var css = csjs`
     padding: 2px 16px;
     display: flex;
     justify-content: space-between;
+    background: var(--info);
   }
   .modalBody {
     padding: 1.5em;
     line-height: 1.5em;
+    color: var(--success);
   }
   .modalBody em {
     color: var(--text-secondary);
@@ -34,6 +36,7 @@ var css = csjs`
     text-align: right;
     font-weight: 700;
     cursor: pointer;
+    background-color: var(--info);
   }
   .modalContent {
     position: relative;