diff --git a/_includes/help-modal.html b/_includes/help-modal.html
index efcaa9dad0..b357a5afa8 100644
--- a/_includes/help-modal.html
+++ b/_includes/help-modal.html
@@ -57,12 +57,20 @@
 /* Modal Content/Box */
 .help-modal-content {
   background-color: #fefefe;
-  margin: 5% auto; /* 5% from the top and centered */
+  margin: 2% auto; /* 5% from the top and centered */
   border: 1px solid #888;
-  width: 60%; /* Could be more or less, depending on screen size */
-  @media (max-width: 768px) {
+  width: 55%; /* Could be more or less, depending on screen size */
+  @media (max-width: 480px) {
     margin: 25% auto;
     width: 85%; /* Change width to 85% */
+  };
+  @media (min-width: 481px) and (max-width: 768px) {
+    margin: 10% auto;
+    width: 70%; /* Change width to 85% */
+  };
+  @media (min-width: 769px) and (max-width: 1024px) {
+    margin: 5% auto;
+    width: 65%; /* Change width to 85% */
   }
 }