diff --git a/src/components/input/multiselect.vue b/src/components/input/multiselect.vue
index 8487fb901..a64e758df 100644
--- a/src/components/input/multiselect.vue
+++ b/src/components/input/multiselect.vue
@@ -44,7 +44,9 @@
>
- {{ query }}
+
+ {{ query }}
+
@@ -63,7 +65,7 @@
>
- {{ label !== '' ? data[label] : data }}
+ {{ label !== '' ? data[label] : data }}
diff --git a/src/components/tasks/partials/editLabels.vue b/src/components/tasks/partials/editLabels.vue
index 919dd9c2a..c1c9b75c6 100644
--- a/src/components/tasks/partials/editLabels.vue
+++ b/src/components/tasks/partials/editLabels.vue
@@ -20,6 +20,19 @@
+
+
+ {{ props.option }}
+
+
+ {{ props.option.title }}
+
+
diff --git a/src/styles/components/base/multiselect.scss b/src/styles/components/base/multiselect.scss
index 16a0496e2..f8f40e50b 100644
--- a/src/styles/components/base/multiselect.scss
+++ b/src/styles/components/base/multiselect.scss
@@ -80,23 +80,25 @@
text-transform: none;
font-family: $family-sans-serif;
font-weight: normal;
+ padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
- span:first-child {
+ .search-result {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
+ padding: .5rem 1rem;
}
.hint-text {
font-size: .75rem;
color: transparent;
transition: color $transition;
- padding-left: .5rem;
+ padding: 0 .5rem;
}
&:focus, &:hover {