1 files changed, 7 insertions, 2 deletions
diff --git a/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue b/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue
index e2dc37a0ac2..b53b7039018 100644
--- a/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue
+++ b/app/assets/javascripts/sidebar/components/assignees/issuable_assignees.vue
@@ -31,13 +31,18 @@ export default {
 </script>
 
 <template>
-  <div class="gl-display-flex gl-flex-direction-column">
-    <div v-if="emptyUsers" data-testid="none">
+  <div class="gl-display-flex gl-flex-direction-column issuable-assignees">
+    <div
+      v-if="emptyUsers"
+      class="gl-display-flex gl-align-items-center gl-text-gray-500"
+      data-testid="none"
+    >
       <span> {{ __('None') }} -</span>
       <gl-button
         data-testid="assign-yourself"
         category="tertiary"
         variant="link"
+        class="gl-ml-2"
         @click="$emit('assign-self')"
       >
         <span class="gl-text-gray-500 gl-hover-text-blue-800">{{ __('assign yourself') }}</span>