METRON-2317 [UI] Delete confirmation dialogue looks visually broken (tiborm via sardell) closes apache/metron#1562
diff --git a/metron-interface/metron-config/src/app/shared/metron-dialog-box.ts b/metron-interface/metron-config/src/app/shared/metron-dialog-box.ts
index a3d8b86..e8cf254 100644
--- a/metron-interface/metron-config/src/app/shared/metron-dialog-box.ts
+++ b/metron-interface/metron-config/src/app/shared/metron-dialog-box.ts
@@ -25,12 +25,12 @@
                   <div class="modal-dialog modal-sm" role="document">
                     <div class="modal-content">
                       <div class="modal-header">
+                        <span class="modal-title"><b>` + title + `</b></span>
                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                             <span aria-hidden="true">&times;</span>
                         </button>
-                        <span class="modal-title"><b>` + title + `</b></span>
                       </div>
-                      <div class="modal-body">
+                      <div class="modal-body pt-0 pb-0">
                         <p>` +  message + `</p>
                       </div>
                       <div class="modal-footer">
diff --git a/metron-interface/metron-config/src/styles.scss b/metron-interface/metron-config/src/styles.scss
index 8a12d5f..9f28aae 100644
--- a/metron-interface/metron-config/src/styles.scss
+++ b/metron-interface/metron-config/src/styles.scss
@@ -313,7 +313,7 @@
 
   &:hover
   {
-
+    color: $field-button-color;
   }
 
   &:focus