diff --git a/src/components/AvatarWrapper/AvatarWrapper.vue b/src/components/AvatarWrapper/AvatarWrapper.vue index 88524a99684..562f2cc246f 100644 --- a/src/components/AvatarWrapper/AvatarWrapper.vue +++ b/src/components/AvatarWrapper/AvatarWrapper.vue @@ -185,6 +185,8 @@ export default { top: 0; width: var(--avatar-size); height: var(--avatar-size); + max-height: var(--avatar-size); + max-width: var(--avatar-size); line-height: var(--avatar-size); font-size: calc(var(--avatar-size) / 2); border-radius: 50%; diff --git a/src/components/ConversationSettings/BasicInfo.vue b/src/components/ConversationSettings/BasicInfo.vue index 6282c633597..565283233ba 100644 --- a/src/components/ConversationSettings/BasicInfo.vue +++ b/src/components/ConversationSettings/BasicInfo.vue @@ -30,6 +30,7 @@ :loading="isNameLoading" :placeholder="t('spreed', 'Enter a name for this conversation')" :edit-button-aria-label="t('spreed', 'Edit conversation name')" + :max-length="CONVERSATION.MAX_NAME_LENGTH" @submit-text="handleUpdateName" @update:editing="handleEditName" />