diff --git a/js/components/forms/edit_workspace_member.js b/js/components/forms/edit_workspace_member.js
index 7b43599e..718b28bf 100644
--- a/js/components/forms/edit_workspace_member.js
+++ b/js/components/forms/edit_workspace_member.js
@@ -18,12 +18,13 @@ export default {
 
   props: {
     choices: Array,
-    initialData: String
-
+    initialData: String,
   },
 
   data: function () {
-    return { value: this.initialData }
+    return {
+      value: this.initialData,
+    }
   },
 
   methods: {
@@ -33,9 +34,10 @@ export default {
     readableName: function (role) {
       return role.replace(/[_]/g, " ")
     },
+    cancel: function (current_role, selected_role) {
+      if (current_role != selected_role) {
+        this.value = current_role
+      }
+    }
   },
-
-  mounted: function () {
-    console.log(this.initialData, this.choices)
-  }
 }
diff --git a/templates/workspaces/members/edit.html b/templates/workspaces/members/edit.html
index 4506ce61..7060b8b3 100644
--- a/templates/workspaces/members/edit.html
+++ b/templates/workspaces/members/edit.html
@@ -117,7 +117,7 @@
                     <div class='block-list__footer'>
                       <div class='action-group'>
                         <a v-on:click="closeModal('{{ env.name }}RolesModal')" class='action-group__action usa-button'>Select Access Role</a>
-                        <a class='action-group__action icon-link icon-link--danger' v-on:click="closeModal('{{ env.name }}RolesModal')">Cancel</a>
+                        <a class='action-group__action icon-link icon-link--danger' v-on:click="closeModal('{{ env.name }}RolesModal'); cancel('{{ role }}', value);" value="{{ value if value == role else role }}" >Cancel</a>
                       </div>
                     </div>
                   </div>