diff --git a/containers/react/src/components/Messages/Chats.tsx b/containers/react/src/components/Messages/Chats.tsx
index 7e51e3e6..1d039ded 100644
--- a/containers/react/src/components/Messages/Chats.tsx
+++ b/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>
diff --git a/containers/react/src/components/Profile/EditName.tsx b/containers/react/src/components/Profile/EditName.tsx
index 87bb1358..1f71ba55 100644
--- a/containers/react/src/components/Profile/EditName.tsx
+++ b/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}>
diff --git a/containers/react/src/styles/Messages.css b/containers/react/src/styles/Messages.css
index 61bf12a0..86573d23 100644
--- a/containers/react/src/styles/Messages.css
+++ b/containers/react/src/styles/Messages.css
@@ -409,3 +409,8 @@ input.in_howLong{
 	margin-left: -50px;
 
 }
+
+h2{
+	overflow-wrap: break-word;
+	max-width: 200px;
+}