diff --git a/awx/ui/client/src/network-ui/network-details/details.controller.js b/awx/ui/client/src/network-ui/network-details/details.controller.js
index 4382ea5b64..36c05cf097 100644
--- a/awx/ui/client/src/network-ui/network-details/details.controller.js
+++ b/awx/ui/client/src/network-ui/network-details/details.controller.js
@@ -14,7 +14,7 @@
             };
         }
         $scope.codeMirror = new codemirror();
- 		$scope.formCancel = function(){
+ 		$scope.formClose = function(){
             $scope.$parent.$broadcast('awxNet-closeDetailsPanel');
  		};
         $scope.strings = strings;
diff --git a/awx/ui/client/src/network-ui/network-details/details.partial.html b/awx/ui/client/src/network-ui/network-details/details.partial.html
index acb5df2894..ed30e056ad 100644
--- a/awx/ui/client/src/network-ui/network-details/details.partial.html
+++ b/awx/ui/client/src/network-ui/network-details/details.partial.html
@@ -40,7 +40,7 @@
         </div>
     </form>
     <div class="buttons Form-buttons" id="host_controls">
-        <button type="button" class="btn btn-sm Form-cancelButton" id="host_cancel_btn" ng-click="formCancel()"> {{strings.get('details.CANCEL')}}</button>
+        <button type="button" class="btn btn-sm Form-cancelButton" id="host_cancel_btn" ng-click="formClose()"> {{strings.get('details.CLOSE')}}</button>
     </div>
     <div class="Networking-saveConfirmation" ng-show="saveConfirmed">
         {{strings.get('details.SAVE_COMPLETE')}} <i class="fa fa-check-circle"></i>