diff --git a/src/views/app.html b/src/views/app.html
index 422550e53..701bb0086 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -343,7 +343,7 @@
 </div>
 
 <!-- Modal clone app -->
-<div class="modal fade" id="cloneModal" tabindex="-1" role="dialog">
+<div class="modal fade" id="appCloneModal" tabindex="-1" role="dialog">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
diff --git a/src/views/app.js b/src/views/app.js
index dc7f2a6a6..77339ab8d 100644
--- a/src/views/app.js
+++ b/src/views/app.js
@@ -1268,7 +1268,7 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
                 $scope.clone.portBindingsEnabled[env] = true;
             }
 
-            $('#cloneModal').modal('show');
+            $('#appCloneModal').modal('show');
         },
 
         submit: function () {
@@ -1331,7 +1331,7 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
                         return;
                     }
 
-                    $('#cloneModal').modal('hide');
+                    $('#appCloneModal').modal('hide');
 
                     $location.path('/apps');
                 });
@@ -1700,7 +1700,7 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
     };
 
     // setup all the dialog focus handling
-    ['appUninstallModal', 'appUpdateModal', 'appRestoreModal'].forEach(function (id) {
+    ['appUninstallModal', 'appUpdateModal', 'appRestoreModal', 'appCloneModal'].forEach(function (id) {
         $('#' + id).on('shown.bs.modal', function () {
             $(this).find('[autofocus]:first').focus();
         });