diff --git a/app/components/add-reimbursement/component.js b/app/components/add-reimbursement/component.js
index 8dc305d..d9c76d1 100644
--- a/app/components/add-reimbursement/component.js
+++ b/app/components/add-reimbursement/component.js
@@ -36,6 +36,15 @@ export default class AddReimbursementComponent extends Component {
     this.expenseFormVisible = false;
   }
 
+  @action
+  removeExpenseItem (expenseItem) {
+    this.expenses.removeObject(expenseItem);
+
+    if (this.expenses.length === 0) {
+      this.expenseFormVisible = true;
+    }
+  }
+
   @action
   submit (e) {
     e.preventDefault();
diff --git a/app/components/add-reimbursement/template.hbs b/app/components/add-reimbursement/template.hbs
index e42b008..9af5164 100644
--- a/app/components/add-reimbursement/template.hbs
+++ b/app/components/add-reimbursement/template.hbs
@@ -33,7 +33,7 @@
             {{fmt-fiat-currency expense.amount expense.currency}}
           </div>
           <div class="actions">
-            <button class="danger small">delete</button>
+            <button class="danger small" onclick={{fn this.removeExpenseItem expense}}>delete</button>
           </div>
         </li>
       {{/each}}