diff --git a/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.html b/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.html
index ddae7b8..c39b808 100644
--- a/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.html
+++ b/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.html
@@ -23,8 +23,6 @@
     </td>
   </ng-container>
 
-
-
   <ng-container matColumnDef="property">
     <th mat-header-cell *matHeaderCellDef>Value</th>
     <td mat-cell *matCellDef="let itemProperty">
@@ -54,7 +52,7 @@
 
   <ng-container matColumnDef="expand">
     <th mat-header-cell *matHeaderCellDef aria-label="row actions">
-      <button mat-icon-button><mat-icon>add</mat-icon></button>
+      <button mat-icon-button [disabled]="editedItemProperty !== undefined" (click)="addItemProperty()"><mat-icon>add</mat-icon></button>
     </th>
     <td mat-cell *matCellDef="let element">
       <button mat-icon-button aria-label="expand row" (click)="(expandedElement = expandedElement === element ? null : element); $event.stopPropagation()">
diff --git a/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.ts b/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.ts
index 82eb657..59b6cde 100644
--- a/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.ts
+++ b/src/app/editor/inventory-item-editor/item-property-editor/item-property-editor.component.ts
@@ -50,6 +50,12 @@ export class ItemPropertyEditorComponent implements OnInit{
     } else {
       this.editedItemProperty = undefined
     }
+  }
 
+  addItemProperty() {
+    const itemProperty = new ItemProperty("New Property", "", 0);
+    this.item!.itemProperties.push(itemProperty);
+    this.datasource.data = this.item!.itemProperties;
+    this.editedItemProperty = itemProperty;
   }
 }