diff --git a/js/components/forms/edit_workspace_member.js b/js/components/forms/edit_workspace_member.js
deleted file mode 100644
index 2a5c5e2a..00000000
--- a/js/components/forms/edit_workspace_member.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import FormMixin from '../../mixins/form'
-import textinput from '../text_input'
-import Selector from '../selector'
-import Modal from '../../mixins/modal'
-import toggler from '../toggler'
-
-export default {
-  name: 'edit-workspace-member',
-
-  mixins: [FormMixin, Modal],
-
-  components: {
-    toggler,
-    Modal,
-    Selector,
-    textinput
-  },
-
-  props: {
-    choices: Array,
-    initialData: String,
-  },
-
-  data: function () {
-    return {
-      new_role: this.initialData,
-    }
-  },
-
-  methods: {
-    change: function (e) {
-      e.preventDefault()
-      this.new_role = e.target.value
-    },
-    cancel: function () {
-      this.new_role = this.initialData
-    },
-  },
-
-  computed: {
-    displayName: function () {
-      for (var arr in this.choices) {
-        if (this.choices[arr][0] == this.new_role) {
-          return this.choices[arr][1].name
-        }
-      }
-      return this.new_role ? this.new_role : "no access"
-    },
-    label_class: function () {
-      return this.displayName === "no access" ?
-        "label" : "label label--success"
-    },
-  }
-}
diff --git a/js/index.js b/js/index.js
index 204f9871..52e9d83c 100644
--- a/js/index.js
+++ b/js/index.js
@@ -13,7 +13,7 @@ import poc from './components/forms/poc'
 import financial from './components/forms/financial'
 import toggler from './components/toggler'
 import NewProject from './components/forms/new_project'
-import EditWorkspaceMember from './components/forms/edit_workspace_member'
+import EditEnvironmentRole from './components/forms/edit_environment_role'
 import Modal from './mixins/modal'
 import selector from './components/selector'
 import BudgetChart from './components/charts/budget_chart'
@@ -41,7 +41,7 @@ const app = new Vue({
     SpendTable,
     CcpoApproval,
     LocalDatetime,
-    EditWorkspaceMember,
+    EditEnvironmentRole,
   },
 
   mounted: function() {
diff --git a/templates/workspaces/members/edit.html b/templates/workspaces/members/edit.html
index b1198791..c218b44e 100644
--- a/templates/workspaces/members/edit.html
+++ b/templates/workspaces/members/edit.html
@@ -67,7 +67,7 @@
           {% set role = EnvironmentRoles.get(member.user_id, env.id).role %}
 
         <li class='block-list__item'>
-          <edit-workspace-member inline-template initial-data='{{ role }}' v-bind:choices='{{ choices | tojson }}'>
+          <edit-environment-role inline-template initial-data='{{ role }}' v-bind:choices='{{ choices | tojson }}'>
           <div class='project-list-item__environment'>
             <span class='project-list-item__environment__link'>
               {{ env.name }}
@@ -127,7 +127,7 @@
               {% endcall %}
             </div>
           </div>
-          </edit-workspace-member>
+          </edit-environment-role>
         </li>
 
         {% endfor %}