diff --git a/src/popup/scss/misc.scss b/src/popup/scss/misc.scss
index 31ebe2ada3c..a28234123fb 100644
--- a/src/popup/scss/misc.scss
+++ b/src/popup/scss/misc.scss
@@ -8,6 +8,10 @@ small {
     color: $brand-primary !important;
 }
 
+.text-danger {
+    color: $brand-danger !important;
+}
+
 .text-success {
     color: $brand-success !important;
 }
diff --git a/src/popup/vault/add-edit.component.html b/src/popup/vault/add-edit.component.html
index 0f390d0f242..38684545bd2 100644
--- a/src/popup/vault/add-edit.component.html
+++ b/src/popup/vault/add-edit.component.html
@@ -300,5 +300,19 @@
                 </div>
             </div>
         </div>
+        <div class="box list" *ngIf="editMode">
+            <div class="box-content single-line">
+                <a class="box-content-row" href="#" appStopClick appBlurClick
+                   (click)="delete()" [appApiAction]="deletePromise" #deleteBtn>
+                    <div class="row-main">
+                        <div class="icon text-danger">
+                            <i class="fa fa-trash-o fa-lg fa-fw" [hidden]="deleteBtn.loading"></i>
+                            <i class="fa fa-spinner fa-spin fa-lg fa-fw" [hidden]="!deleteBtn.loading"></i>
+                        </div>
+                        <span class="text text-danger">{{'deleteItem' | i18n}}</span>
+                    </div>
+                </a>
+            </div>
+        </div>
     </content>
 </form>
diff --git a/src/popup/vault/add-edit.component.ts b/src/popup/vault/add-edit.component.ts
index a3f5d6aa8d1..d72e0c83754 100644
--- a/src/popup/vault/add-edit.component.ts
+++ b/src/popup/vault/add-edit.component.ts
@@ -100,4 +100,9 @@ export class AddEditComponent extends BaseAddEditComponent implements OnInit {
         }
         return confirmed;
     }
+
+    async delete() {
+        await super.delete();
+        this.router.navigate(['/tabs/vault']);
+    }
 }