diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 899359ee..826795b4 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -223,6 +223,16 @@
     }
   }
 
+  #add-new-env {
+    padding: $gap * 2;
+
+    .new-env {
+      width: 50%;
+      max-width: 30em;
+      padding-top: $gap * 4;
+    }
+  }
+
   .application-content {
     margin-top: $gap * 4;
 
diff --git a/templates/applications/fragments/add_new_environment.html b/templates/applications/fragments/add_new_environment.html
index dbe499d1..9cbc507a 100644
--- a/templates/applications/fragments/add_new_environment.html
+++ b/templates/applications/fragments/add_new_environment.html
@@ -7,16 +7,13 @@
     <div v-if="open">
       <form method='POST' id="add-new-env" action='{{ url_for("applications.new_environment", application_id=application.id) }}' autocomplete="off" enctype="multipart/form-data">
         {{ new_env_form.csrf_token }}
-
+        {{ Alert(
+          title=("portfolios.applications.create_new_env" | translate),
+          message=("portfolios.applications.create_new_env_info" | translate )
+        ) }}
         <div class="accordion-table__item-content new-env">
-          {{ Alert(
-            title=("portfolios.applications.create_new_env" | translate),
-            message=("portfolios.applications.create_new_env_info" | translate )
-          ) }}
           <div class="h4">{{ "portfolios.applications.enter_env_name" | translate }}</div>
             {{ TextInput(new_env_form.name, label="", validation="requiredField", optional=False) }}
-        </div>
-        <div class="panel__footer">
           <div class="action-group">
             {{ SaveButton(text=('common.save' | translate), element="input", form="add-new-env") }}
             <a class='action-group__action icon-link icon-link--default' v-on:click="toggle">