1 files changed, 7 insertions, 3 deletions
diff --git a/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue b/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue
index 3c1b3afe889..e2dc37a0ac2 100644
--- a/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue
+++ b/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue
@@ -8,12 +8,16 @@ export default {
     GlButton,
     UncollapsedAssigneeList,
   },
-  inject: ['rootPath'],
   props: {
     users: {
       type: Array,
       required: true,
     },
+    issuableType: {
+      type: String,
+      required: false,
+      default: 'issue',
+    },
   },
   computed: {
     assigneesText() {
@@ -36,9 +40,9 @@ export default {
         variant="link"
         @click="$emit('assign-self')"
       >
-        <span class="gl-text-gray-400">{{ __('assign yourself') }}</span>
+        <span class="gl-text-gray-500 gl-hover-text-blue-800">{{ __('assign yourself') }}</span>
       </gl-button>
     </div>
-    <uncollapsed-assignee-list v-else :users="users" :root-path="rootPath" />
+    <uncollapsed-assignee-list v-else :users="users" :issuable-type="issuableType" />
   </div>
 </template>