3 files changed, 11 insertions, 10 deletions
diff --git a/components/editor/quest/OptionsPanel.vue b/components/editor/quest/OptionsPanel.vue
index de32abb..5aaff23 100644
--- a/components/editor/quest/OptionsPanel.vue
+++ b/components/editor/quest/OptionsPanel.vue
@@ -112,8 +112,6 @@ const knownQuests = computed(() => {
   </EditorOptionsPanel>
 </template>
 
-<style src="vue-multiselect/dist/vue-multiselect.css" />
-
 <style>
 #options {
   display: flex;
diff --git a/components/editor/task/Configuration.vue b/components/editor/task/Configuration.vue
index 0355383..a209b58 100644
--- a/components/editor/task/Configuration.vue
+++ b/components/editor/task/Configuration.vue
@@ -82,7 +82,7 @@ const deleteTaskType = (taskId: string) => {
           {{ props.taskId }}
         </span>
         <code>
-          ({{ taskType }})
+          (<font-awesome-icon v-if="taskDefintion" id="task-icon" :icon="[taskDefintion.icon.style, taskDefintion.icon.name]" />{{ taskType }})
         </code>
       </p>
       <div id="task-controls" class="control-group">
@@ -155,6 +155,10 @@ const deleteTaskType = (taskId: string) => {
         font-weight: 700;
       }
 
+      #task-icon {
+        padding-right: 0.3rem;
+      }
+
       code {
         font-size: 0.8em;
         color: var(--color-text-mute);
@@ -169,13 +173,12 @@ const deleteTaskType = (taskId: string) => {
   border-top: 1px solid var(--color-border);
 }
 
-.multiselect::v-deep .multiselect__tags {
-  border: none !important;
+:deep(.multiselect) .multiselect__tags {
+  border: unset !important;
   border-radius: 0px !important;
-  background: transparent !important;
 }
 
-.multiselect::v-deep .multiselect__select {
-  background: transparent !important;
+:deep(.multiselect) .multiselect__select {
+  background: unset !important;
 }
 </style>
diff --git a/components/editor/task/ConfigurationRow.vue b/components/editor/task/ConfigurationRow.vue
index 8194dcd..98a644c 100644
--- a/components/editor/task/ConfigurationRow.vue
+++ b/components/editor/task/ConfigurationRow.vue
@@ -182,12 +182,12 @@ input {
   color: var(--color-false);
 }
 
-.multiselect::v-deep .multiselect__tags {
+:deep(.multiselect) .multiselect__tags {
   border: unset !important;
   border-radius: 0px !important;
 }
 
-.multiselect::v-deep .multiselect__select {
+:deep(.multiselect) .multiselect__select {
   background: unset !important;
 }
 </style>
 \ No newline at end of file