diff --git a/styles/modal.css b/styles/modal.css
index 5fd588e..6c4d611 100644
--- a/styles/modal.css
+++ b/styles/modal.css
@@ -10,6 +10,9 @@
     width: 100%;
     height: 100%;
     overflow: auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     /* background-color: rgb(0, 0, 0); */
     background-color: rgba(0, 0, 0, 0.4);
     /* padding-top: 60px; */
@@ -25,7 +28,7 @@
 
 .modal-content {
     background-color: var(--bgColor);
-    margin: 5% auto;
+    margin: 15% auto;
     padding: 20px;
     border: 3px solid var(--black);
     width: 80vw;
@@ -33,17 +36,20 @@
     max-width: 800px;
     border-radius: 10px;
     box-shadow: 0 5px 15px var(--black);
+    display: flex;
 }
 
 /* layout for the buttons */
 .contact-container {
     text-align: center;
+    width: 100%;
 }
 
 .button-grid {
     display: flex;
     justify-content: center;
     align-items: center;
+    width: 100%;
 }
 
 .left-buttons,