diff --git a/src/dispatch/static/dispatch/src/components/CustomMenuInput.vue b/src/dispatch/static/dispatch/src/components/CustomMenuInput.vue
deleted file mode 100644
index 5186a787a6ce..000000000000
--- a/src/dispatch/static/dispatch/src/components/CustomMenuInput.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <v-input :model-value="value" @click="menu = !menu" readonly append-icon="mdi-menu-down">
-    <template #prepend>
-      <!-- Icon and label here-->
-    </template>
-
-    <template #append>
-      <v-menu v-model="menu" :close-on-content-click="false">
-        <template #activator="{ props }">
-          <v-icon v-bind="props">mdi-menu-down</v-icon>
-        </template>
-        <v-list>
-          <v-list-item v-for="(item, index) in items" :key="index" @click="selectItem(item)">
-            <v-list-item-title>
-              {{ item.text }}
-            </v-list-item-title>
-          </v-list-item>
-        </v-list>
-      </v-menu>
-    </template>
-  </v-input>
-</template>
-
-<script>
-import { ref } from "vue"
-
-export default {
-  name: "CustomMenuInput",
-  props: {
-    items: Array,
-    value: [String, Number],
-  },
-  setup(props, { emit }) {
-    const menu = ref(false)
-
-    const selectItem = (item) => {
-      emit("update:value", item.value)
-      menu.value = false
-    }
-
-    return { menu, selectItem }
-  },
-}
-</script>
-
-<style scoped>
-.v-input {
-}
-
-.v-menu {
-}
-</style>
diff --git a/src/dispatch/static/dispatch/src/components/EditableTextArea.vue b/src/dispatch/static/dispatch/src/components/EditableTextArea.vue
deleted file mode 100644
index 6b3d727b1158..000000000000
--- a/src/dispatch/static/dispatch/src/components/EditableTextArea.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-  <div>
-    <v-skeleton-loader v-if="internalLoading" type="text" />
-    <v-textarea
-      v-else
-      :disabled="isEditable"
-      :rows="rows"
-      :label="label"
-      variant="underlined"
-      density="compact"
-      v-model="textField"
-      @update:model-value="onInput"
-      auto-grow
-    />
-  </div>
-</template>
-
-<script>
-import { watch, ref, toRefs } from "vue"
-
-export default {
-  name: "EditableTextArea",
-  props: {
-    modelValue: {
-      type: String,
-      default: "",
-      required: true,
-    },
-    rows: {
-      type: Number,
-      default: 1,
-    },
-    label: {
-      type: String,
-      required: true,
-    },
-    loading: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const { modelValue, loading } = toRefs(props)
-    const textField = ref(props.modelValue)
-    const internalLoading = ref(props.loading)
-    const isEditable = ref(false)
-
-    watch(modelValue, (newValue) => {
-      textField.value = newValue
-    })
-
-    watch(loading, (newValue) => {
-      internalLoading.value = newValue
-    })
-
-    const enableEdit = () => {
-      isEditable.value = true
-    }
-
-    const onInput = (newValue) => {
-      if (isEditable.value) {
-        emit("update:modelValue", newValue)
-      }
-    }
-
-    return {
-      textField,
-      isEditable,
-      internalLoading,
-      enableEdit,
-      onInput,
-    }
-  },
-}
-</script>