diff --git a/src/views/app.html b/src/views/app.html
index 0522f676c..1dbf5d652 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -644,7 +644,7 @@
               <div class="has-error text-center" ng-show="location.error.port">{{ location.error.port }}</div>
               <div ng-repeat="(env, info) in location.portBindingsInfo">
                 <ng-form name="portInfo_form">
-                  <div class="form-group" ng-class="{ 'has-error': (!locationForm.itemName{{$index}}.$dirty && location.error.port) || (portInfo_form.itemName{{$index}}.$dirty && portInfo_form.itemName{{$index}}.$invalid) }">
+                  <div class="form-group" ng-class="{ 'has-error': (!portInfo_form.itemName{{$index}}.$dirty && location.error.port) || (portInfo_form.itemName{{$index}}.$dirty && portInfo_form.itemName{{$index}}.$invalid) }">
                     <label class="control-label" for="locationPortInput{{env}}"><input type="checkbox" ng-model="location.portBindingsEnabled[env]">
                       {{ info.title }}
                       <sup>