diff --git a/js/components/environment_role.js b/js/components/environment_role.js
deleted file mode 100644
index 23133c25..00000000
--- a/js/components/environment_role.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import optionsinput from './options_input'
-import { emitEvent } from '../lib/emitters'
-
-export default {
-  name: 'environment-role',
-
-  components: {
-    optionsinput,
-  },
-
-  props: {
-    initialRole: String,
-  },
-
-  data: function() {
-    return {
-      role: this.initialRole,
-      expanded: false,
-    }
-  },
-
-  methods: {
-    toggle: function() {
-      this.expanded = !this.expanded
-    },
-    radioChange: function(e) {
-      this.role = e.target.value
-      emitEvent('field-change', this, {
-        value: e.target.value,
-        valid: true,
-        name: this.name,
-        watch: true,
-      })
-    },
-  },
-}
diff --git a/js/components/tables/application_environments.js b/js/components/tables/application_environments.js
deleted file mode 100644
index c91e63a2..00000000
--- a/js/components/tables/application_environments.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import { set } from 'vue/dist/vue'
-
-export default {
-  name: 'environments-table',
-
-  props: {
-    environments: Object,
-  },
-
-  data: function() {
-    return {
-      environmentsState: this.environments,
-    }
-  },
-
-  created: function() {
-    Object.keys(this.environments).forEach(environment => {
-      set(this.environmentsState[environment], 'isVisible', false)
-    })
-  },
-
-  methods: {
-    toggle: function(e, environmentName) {
-      this.environmentsState = Object.assign(this.environmentsState, {
-        [environmentName]: Object.assign(
-          this.environmentsState[environmentName],
-          {
-            isVisible: !this.environmentsState[environmentName].isVisible,
-          }
-        ),
-      })
-    },
-  },
-}
diff --git a/js/index.js b/js/index.js
index c17bcbc2..0a3db6ba 100644
--- a/js/index.js
+++ b/js/index.js
@@ -22,7 +22,6 @@ import Modal from './mixins/modal'
 import selector from './components/selector'
 import BudgetChart from './components/charts/budget_chart'
 import SpendTable from './components/tables/spend_table'
-import EnvironmentsTable from './components/tables/application_environments'
 import LocalDatetime from './components/local_datetime'
 import { isNotInVerticalViewport } from './lib/viewport'
 import DateSelector from './components/date_selector'
@@ -30,7 +29,6 @@ import SidenavToggler from './components/sidenav_toggler'
 import BaseForm from './components/forms/base_form'
 import DeleteConfirmation from './components/delete_confirmation'
 import NewEnvironment from './components/forms/new_environment'
-import EnvironmentRole from './components/environment_role'
 import SemiCollapsibleText from './components/semi_collapsible_text'
 import ToForm from './components/forms/to_form'
 import ClinFields from './components/clin_fields'
@@ -56,7 +54,6 @@ const app = new Vue({
     selector,
     BudgetChart,
     SpendTable,
-    EnvironmentsTable,
     LocalDatetime,
     MultiStepModalForm,
     uploadinput,
@@ -65,7 +62,6 @@ const app = new Vue({
     BaseForm,
     DeleteConfirmation,
     NewEnvironment,
-    EnvironmentRole,
     SemiCollapsibleText,
     ToForm,
     ClinFields,