diff --git a/public/react/src/modules/competition/comcss/competition.css b/public/react/src/modules/competition/comcss/competition.css
index b979c7299..4cc725cf3 100644
--- a/public/react/src/modules/competition/comcss/competition.css
+++ b/public/react/src/modules/competition/comcss/competition.css
@@ -480,6 +480,10 @@
     cursor: pointer
 }
 
+.regitemimgs555 p {
+    line-height: 40px;
+    color: #459be5;
+}
 .regitemimgs6 {
 
     text-align: center;
@@ -833,6 +837,13 @@ reglistviewdivs2 {
     cursor: default;
 }
 
+.maxnamewidth78 {
+    max-width: 78px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: default;
+}
 .maxnamewidth85 {
     max-width: 85px;
     overflow: hidden;
diff --git a/public/react/src/modules/competition/personal/PersonalCompetititem.js b/public/react/src/modules/competition/personal/PersonalCompetititem.js
index 98e70d46d..6916db315 100644
--- a/public/react/src/modules/competition/personal/PersonalCompetititem.js
+++ b/public/react/src/modules/competition/personal/PersonalCompetititem.js
@@ -78,13 +78,13 @@ class PersonalCompetititem extends React.Component {
 									<img className="regitemimg2" src={getImageUrl("images/" + item.creator.image_url)}>
 
 								</img>
-								<p className="" style={{
+									<a className="maxnamewidth78" style={{
 									color: "#999999",
 									fontSize: "14px",
 									width: "78px",
 									textAlign: "center"
 
-								}}>{item.creator.name}</p>
+									}}>{item.creator.name}</a>
 							</div>
 							<div className=" " style={{
 								marginTop: "29px",
@@ -104,7 +104,7 @@ class PersonalCompetititem extends React.Component {
 												marginLeft: "37px",
 												display: "flex",
 												flexDirection: "initial",
-												width: "357px"
+												width: "340px"
 											}}>
 												{
 													item && item.team_members.map((item, index) => {