diff --git a/package.json b/package.json
index c18590c..13ecf4c 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "rxjs": "^6.5.1",
     "ts-md5": "^1.2.0",
     "tslib": "^2.0.0",
-    "uikit": "3.12.0",
+    "uikit": "3.12.2",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
diff --git a/src/app/manageStakeholders/manageStakeholders.component.html b/src/app/manageStakeholders/manageStakeholders.component.html
index 24dde5a..f4e66a5 100644
--- a/src/app/manageStakeholders/manageStakeholders.component.html
+++ b/src/app/manageStakeholders/manageStakeholders.component.html
@@ -118,9 +118,8 @@
     </div>
   </ng-container>
 </ng-template>
-<modal-alert #editStakeholderModal
-						id="edit_modal" [large]="true" classTitle="uk-background-primary uk-light"
-						(alertOutput)="editStakeholderComponent.save(callback)"
+<modal-alert #editStakeholderModal [large]="true" classTitle="uk-background-primary uk-light"
+						(alertOutput)="editStakeholderComponent.save(callback)" (cancelOutput)="editStakeholderComponent.removePhoto()"
 						[okDisabled]="editStakeholderComponent.disabled">
 	<div class="uk-height-large uk-position-relative" *ngIf="editStakeholderComponent.loading">
 		<loading class="uk-position-center"></loading>
diff --git a/src/app/manageStakeholders/manageStakeholders.component.ts b/src/app/manageStakeholders/manageStakeholders.component.ts
index c954be2..47a3848 100644
--- a/src/app/manageStakeholders/manageStakeholders.component.ts
+++ b/src/app/manageStakeholders/manageStakeholders.component.ts
@@ -90,10 +90,6 @@ export class ManageStakeholdersComponent implements OnInit, OnDestroy {
     }, error => {
       this.loading = false;
     }));
-    
-    this.subscriptions.push(UIkit.util.on(document, 'hidden', '#edit_modal', (): void => {
-      this.editStakeholderComponent.removePhoto();
-    }));
   }
   
   ngOnDestroy(): void {