diff --git a/templates/workspace_project_new.html b/templates/workspace_project_new.html
index 877729fb..a46c5191 100644
--- a/templates/workspace_project_new.html
+++ b/templates/workspace_project_new.html
@@ -34,14 +34,22 @@
         </header>
 
         <ul>
-          <li v-for="(environment, i) in environments" class="block-list__item">
-              {{ form.environment_names.label }}
-              <textarea :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name"></textarea>
-              <span class="icon-link icon-link--danger icon-link--vertical" v-on:click="removeEnvironment(i)">{{ Icon('x') }} Remove</span>
+          <li v-for="(environment, i) in environments" class="block-list__item project-edit__env-list-item">
+            <div class="usa-input">
+              <label :for="'environment_names-' + i">Environment Name</span>
+              <input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name"></input>
+            </div>
+              <button v-on:click="removeEnvironment(i)" type="button" class='project-edit__env-list-item__remover'>
+                {{ Icon('trash') }}
+                <span>Remove</span>
+              </button>
           </li>
         </ul>
 
-        {{ form.environment_names.errors }}
+        {% for error in form.environment_names.errors %}
+          <span>{{ error }}</span>
+        {% endfor %}
+
         <div class="block-list__footer">
           <a v-on:click="addEnvironment" class="icon-link">Add another environment</a>
         </div>