diff --git a/routes/_components/dialog/ModalDialog.html b/routes/_components/dialog/ModalDialog.html
index 0c6faaf..b26733e 100644
--- a/routes/_components/dialog/ModalDialog.html
+++ b/routes/_components/dialog/ModalDialog.html
@@ -15,7 +15,7 @@
       <div class="close-dialog-button-wrapper">
         <button class="close-dialog-button"
                 data-a11y-dialog-hide aria-label="Close dialog">
-          <span aria-hidden="true">&times;</span>
+          <span class="close-dialog-button-span" aria-hidden="true">&times;</span>
         </button>
       </div>
     </div>
@@ -79,17 +79,22 @@
   }
   .close-dialog-button-wrapper {
     flex: 1;
-    text-align: right;
+    display: flex;
+    justify-content: flex-end;
   }
   .close-dialog-button {
-    padding: 0 0 7px;
+    padding: 0;
     background: none;
     border: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
-  .close-dialog-button span {
-    padding: 0 10px 7px;
+  .close-dialog-button-span {
+    padding: 0 10px 5px;
     font-size: 32px;
     color: var(--button-primary-text);
+    flex: 1;
   }
   .muted-style .modal-dialog-header {
     background: var(--muted-modal-bg);