diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html
index 5074c1e49a..11eff8cb4d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html
@@ -1,15 +1,19 @@
-<div class="umb-confirm-delete" on-outside-click="closeOverlay()">
+<div class="umb-confirm-delete">
 
   <a href="" ng-click="toggleOverlay()">
     <i class="icon-trash"></i>
   </a>
 
-  <a class="umb_confirm-delete__overlay-action -confirm" href="" ng-click="confirmAction()" ng-if="confirmOverlayOpen">
-    <i class="icon-check"></i>
-  </a>
+  <div ng-if="confirmOverlayOpen" on-outside-click="closeOverlay()">
 
-  <a class="umb_confirm-delete__overlay-action -cancel" href="" ng-click="closeOverlay()" ng-if="confirmOverlayOpen">
-    <i class="icon-delete"></i>
-  </a>
+     <a class="umb_confirm-delete__overlay-action -confirm" href="" ng-click="confirmAction()">
+      <i class="icon-check"></i>
+    </a>
+
+    <a class="umb_confirm-delete__overlay-action -cancel" href="" ng-click="closeOverlay()">
+      <i class="icon-delete"></i>
+    </a>
+
+  </div>
 
 </div>