diff --git a/packages/client/src/components/dialogs/AvatarEditorDialog/editor/preview.js b/packages/client/src/components/dialogs/AvatarEditorDialog/editor/preview.js
index 63a8eb7aa8..5c3243a0b5 100644
--- a/packages/client/src/components/dialogs/AvatarEditorDialog/editor/preview.js
+++ b/packages/client/src/components/dialogs/AvatarEditorDialog/editor/preview.js
@@ -23,6 +23,7 @@ const StyledWrapper = styled.div`
   }
 
   .name-preview {
+    max-width: 198px;
     display: flex;
     gap: 8px;
     align-items: center;
@@ -51,7 +52,7 @@ const AvatarPreview = ({ avatar, userName }) => {
           userName={userName}
           editing={false}
         />
-        <Text fontWeight={600} fontSize="15px" isTruncate>
+        <Text fontWeight={600} fontSize="15px" truncate={true}>
           {userName}
         </Text>
       </div>