resize name conv

containers/react/src/components/Messages/Chats.tsx

@@ -538,7 +538,7 @@ function Chats(){
 							{/* <img className="pic-user" src={DefaultPic} alt="User" /> */}
 							<HiChatBubbleLeft className="catchat"/>
 							<div className="infoSideBar">
-								<span>{c.name}</span>
+								<h2>{c.name}</h2>
 								{/* <SideP>Desc?</SideP> */}
 							</div>
 							</UserChat>

containers/react/src/components/Profile/EditName.tsx

@@ -94,7 +94,7 @@ const ModalEdit = () => {
 			initial="hidden"
 			animate="visible"
 			exit="exit">
-			<h2>Type your new name</h2>
+			<h1>Type your new name</h1>
 			<input className="text" minLength={2} maxLength={10} type="text" value={nickname} onChange={handler} />
 			<div>
 				<div className="button" onClick={handlePostNickname}>

containers/react/src/styles/Messages.css

@@ -409,3 +409,8 @@ input.in_howLong{
 	margin-left: -50px;
 
 }
+
+h2{
+	overflow-wrap: break-word;
+	max-width: 200px;
+}