diff --git a/app/assets/stylesheets/mobile/modal.scss b/app/assets/stylesheets/mobile/modal.scss
index a3573e38b86..05a5fd27e00 100644
--- a/app/assets/stylesheets/mobile/modal.scss
+++ b/app/assets/stylesheets/mobile/modal.scss
@@ -45,7 +45,7 @@
 .modal-middle-container {
   margin-top: 10%;
   max-width: 100%;
-
+  margin-bottom: 30px; // For iOS Safari issues
 }
 .modal-inner-container {
   max-width: 100%;
@@ -122,7 +122,7 @@
 // .modal-footer .btn + .btn {
 .modal-footer .btn {
   margin-right: 5px;
-  margin-bottom: 0;
+  margin-bottom: 5px;
 }
 .modal-footer .btn-group .btn + .btn {
   margin-left: -1px;