diff --git a/app/assets/stylesheets/new_design/forms.scss b/app/assets/stylesheets/new_design/forms.scss
index 2b26b4ff8..201ec1c16 100644
--- a/app/assets/stylesheets/new_design/forms.scss
+++ b/app/assets/stylesheets/new_design/forms.scss
@@ -375,14 +375,19 @@
     padding: 30px;
     padding-bottom: 5px;
     padding-top: 5px;
-    left: 0px;
     margin: 0 auto;
+    margin-left: -30px;
+    max-width: 1100px;
 
     .button {
       margin-top: $default-padding;
       margin-bottom: 0;
     }
 
+    @media(max-width: 1100px) {
+      margin-left: -16px;
+    }
+
     // Wide layout: align buttons on a single row
     @media (min-width: 550px) {
       flex-direction: row;
@@ -401,6 +406,7 @@
     @media (max-width: 550px) {
       flex-direction: column-reverse;
       align-items: center;
+      margin-left: -16px;
 
       .button {
         width: 100%;
diff --git a/app/assets/stylesheets/new_design/new_footer.scss b/app/assets/stylesheets/new_design/new_footer.scss
index a879bd4b4..d3048e7a9 100644
--- a/app/assets/stylesheets/new_design/new_footer.scss
+++ b/app/assets/stylesheets/new_design/new_footer.scss
@@ -109,7 +109,7 @@ footer {
   margin-bottom: 30px;
 
   &:last-child {
-    margin-bottom: 0;
+    margin-bottom: 35px;
   }
 
   // In this case, the bottom margin is defined directly on each individual column