при добавлении tooltip расширяется div

renderChatItemDescription = () => { 
		const {chat = {}, sessionUser = {}, withTooltip} = this.props; 
		const {lastMessage = {}} = chat; 
		const {isSystemMessage, creatorId} = lastMessage; 
 
		return( 
			<div className="new-chat-list-item__body-area__second-line"> 
				{this.renderPreDiscription()} 
				<ElipsedText 
					withTooltip 
					className={`new-chat-list-item__body-area__second-line__text ${isSystemMessage ? 'new-chat-list-item__system-message' : ''}`} 
					offset={0} 
					tooltipOffset={110} 
					titleStyles={{ 
						fontWeight: 400, 
						background: '#505050', 
						wordBreak: 'break-all', 
						maxWidth: 200 
					}} 
 
					style={{ 
							paddingTop: sessionUser.id === creatorId ? '2px' : undefined, 
						// width: 'calc(100% - 30%)' 
					}} 
				> 
					{lastMessage.text} 
				</ElipsedText> 
			</div> 
		) 
	};

.new-chat-list-item__body-area__second-line { 
    display: flex; 
    align-items: center; 
    /*justify-content: center;*/ 
} 
 
.new-chat-list-item__body-area__first-line__text { 
    color: black; 
    font-size: 14px; 
    max-width: 100%; 
} 
 
.new-chat-list-item__body-area__second-line__text-head { 
    color: rgb(74, 66, 147); 
    font-size: 12px; 
    margin-right: 5px; 
} 
 
.new-chat-list-item__body-area__second-line__text { 
    color: grey; 
    font-size: 12px; 
    min-width: 0; 
    flex: 1; 
    white-space: nowrap; 
    /*display:flex;*/ 
    /*width: 100%;*/ 
}