diff --git a/src/resources/components/UserCard/UserCard.vue b/src/resources/components/UserCard/UserCard.vue
index fe5c42e34470a3f7b24dce209413574b37cb06b2..2b5c66f1120a0b0f83430e71dc443fe6590a7486 100644
--- a/src/resources/components/UserCard/UserCard.vue
+++ b/src/resources/components/UserCard/UserCard.vue
@@ -37,7 +37,12 @@
               :isDelete="isDelete || config.isDelete"
             />
             <template v-if="!hideName">
-              <span :class="hideAvatar && getUserStatus ? 'text-grey' : ''" style="position: relative;">  
+              <span
+                :class="[hideAvatar && getUserStatus ? 'text-grey' : '', alignMode == 'vertical' ? 'overflow' : '']"
+                :title="alignMode == 'vertical' ? showName() : ''"
+                :style="alignMode == 'vertical' ? {width: `${iconSize + 8}px`,display: 'inline-block'} : {}"
+                style="position: relative;"
+              >  
                 {{ showName() }}
                 <UserStatus
                   v-if="hideAvatar && !hideStatusIcon"