diff --git a/apps/web/src/app/workspaces/components/editor/editor.component.html b/apps/web/src/app/workspaces/components/editor/editor.component.html
index b2598b4059a4029a6637c11183086b3b26a7b765..7632636af55241cd2559ff6fe6bec3644ead5ea7 100644
--- a/apps/web/src/app/workspaces/components/editor/editor.component.html
+++ b/apps/web/src/app/workspaces/components/editor/editor.component.html
@@ -31,6 +31,7 @@
     <div class="modal-footer">
         <button type="button" class="btn btn-outline-secondary mr-auto" (click)="undoEditChanges()">Revert Changes</button>
         <button type="button" class="btn btn-secondary" (click)="modal.close('exit')">Cancel</button>
-        <button type="button" class="btn btn-primary" mdbBtn (click)="modal.close('save')">Save</button>
+        <button type="button" class="btn btn-primary" mdbBtn (click)="this.newEditEvent.emit(this.editedData)">Save</button>
+        <button type="button" class="btn btn-primary" mdbBtn (click)="modal.close('save-and-close')">Save and Close</button>
     </div>
 </ng-template>
diff --git a/apps/web/src/app/workspaces/components/editor/editor.component.ts b/apps/web/src/app/workspaces/components/editor/editor.component.ts
index 93c8841955307f9c72f0cbe3ead91a7bbabf4432..83209fe827a622dfb9f223892c179445c763b474 100644
--- a/apps/web/src/app/workspaces/components/editor/editor.component.ts
+++ b/apps/web/src/app/workspaces/components/editor/editor.component.ts
@@ -51,7 +51,7 @@ export class EditorComponent implements OnInit {
     this.toggleEditorOpen()
     this.modalService.open(content, { ariaLabelledBy: "modal-title", centered: true, size: "lg" }).result.then(
       (result) => {
-        if (result === "save" && this.editedData) {
+        if (result === "save-and-close" && this.editedData) {
           // "Save" button clicked; emit edited data to parent component
           this.newEditEvent.emit(this.editedData)
           this.toggleEditorOpen()