diff --git a/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js b/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js
index 84ee5eb56..1e2c9702b 100644
--- a/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js
+++ b/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js
@@ -108,29 +108,29 @@ class Studentshavecompletedthelist extends Component {
 					dataIndex: 'stduynumber',
 					key: 'stduynumber',
 					align: 'center',
-					className: "edu-txt-center font-14 maxnamewidth145",
-					width:'145px',
+					className: "edu-txt-center font-14 maxnamewidth175",
+					width:'175px',
 					render: (text, record) => (
-						<span className="maxnamewidth145" style={{
-							width:'145px',
+						<span className="maxnamewidth175" style={{
+							width:'175px',
 						}}>
 							{record.stduynumber === null ?
 								<span style={{
 									color: '#999999',
 									textAlign: "center",
-									width:'145px',
+									width:'175px',
 								}}>--</span> :
 								record.stduynumber ===
 								"" ?
 									<span style={{
 										color: '#999999',
 										textAlign: "center",
-										width:'145px',
+										width:'175px',
 									}}>--</span> :
-									<span className="maxnamewidth145" style={{
+									<span className="maxnamewidth175" style={{
 										color: '#9A9A9A',
 										textAlign: "center",
-										width:'145px',
+										width:'175px',
 									}}>{record.stduynumber}</span>
 							}
 
@@ -142,27 +142,27 @@ class Studentshavecompletedthelist extends Component {
 					key: 'classroom',
 					dataIndex: 'classroom',
 					align: 'center',
-					className: "edu-txt-center font-14 maxnamewidth145",
-					width:'145px',
+					className: "edu-txt-center font-14 maxnamewidth255",
+					width:'255px',
 					render: (text, record) => (
-						<span className="maxnamewidth145" style={{width:'145px'}}>
+						<span className="maxnamewidth255" style={{width:'255px'}}>
 								{record.classroom === null ?
 									<span style={{
 										color: '#999999',
 										textAlign: "center",
-										width:'145px',
+										width:'255px',
 									}}>--</span> :
 									record.classroom ===
 									"" ?
 										<span style={{
 											color: '#999999',
 											textAlign: "center",
-											width:'145px',
+											width:'255px',
 										}}>--</span> :
-										<span className="maxnamewidth145" style={{
+										<span className="maxnamewidth255" style={{
 											color: '#07111B',
 											textAlign: "center",
-											width:'145px',
+											width:'255px',
 										}}>{record.classroom}</span>
 								}
 
@@ -366,30 +366,30 @@ class Studentshavecompletedthelist extends Component {
 					dataIndex: 'stduynumber',
 					key: 'stduynumber',
 					align: 'center',
-					className: "edu-txt-center tabletd font-14 maxnamewidth145",
-					width:'145px',
+					className: "edu-txt-center tabletd font-14 maxnamewidth175",
+					width:'175px',
 					render: (text, record) => (
-						<span className="maxnamewidth145" style={{
-							width:'145px',
+						<span className="maxnamewidth175" style={{
+							width:'175px',
 						}}>
 							{record.stduynumber === null ?
 								<span style={{
 									color: '#999999',
 									textAlign: "center",
-									width:'145px',
+									width:'175px',
 								}}>--</span>
 								:
 								record.stduynumber === "" ?
 									<span style={{
 										color: '#999999',
 										textAlign: "center",
-										width:'145px',
+										width:'175px',
 									}}>--</span>
 									:
-									<span className="maxnamewidth145 font-14" style={{
+									<span className="maxnamewidth175 font-14" style={{
 										color: '#9A9A9A',
 										textAlign: "center",
-										width:'145px',
+										width:'175px',
 									}}>{record.stduynumber}</span>
 							}
 
@@ -401,27 +401,27 @@ class Studentshavecompletedthelist extends Component {
 					key: 'classroom',
 					dataIndex: 'classroom',
 					align: 'center',
-					className: "edu-txt-center tabletd font-14 maxnamewidth145",
-					width:'145px',
+					className: "edu-txt-center tabletd font-14 maxnamewidth255",
+					width:'255px',
 					render: (text, record) => (
-						<span className="font-14 maxnamewidth145" style={{
-							width:'145px',
+						<span className="font-14 maxnamewidth255" style={{
+							width:'255px',
 						}}>
 							{record.classroom === null ?
 								<span style={{
 									color: '#999999',
 									textAlign: "center",
-									width:'145px',
+									width:'255px',
 								}}>--</span>: record.classroom === "" ?
 									<span style={{
 										color: '#999999',
 										textAlign: "center",
-										width:'145px',
+										width:'255px',
 									}}>--</span>:
-									<span className="maxnamewidth145" tyle={{
+									<span className="maxnamewidth255" tyle={{
 										color: '#07111B',
 										textAlign: "center",
-										width:'145px',
+										width:'255px',
 									}}>{record.classroom}</span>
 							}
 
diff --git a/public/react/src/modules/courses/exercise/yslexercisetable.css b/public/react/src/modules/courses/exercise/yslexercisetable.css
index 42810b7de..2727ca2ff 100644
--- a/public/react/src/modules/courses/exercise/yslexercisetable.css
+++ b/public/react/src/modules/courses/exercise/yslexercisetable.css
@@ -26,8 +26,22 @@
     white-space:nowrap;
     cursor: default;
 }
-.maxnamewidth145{
-    max-width: 145px;
+.maxnamewidth215{
+    max-width: 215px;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    cursor: default;
+}
+.maxnamewidth255{
+    max-width: 255px;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    cursor: default;
+}
+.maxnamewidth175{
+    max-width: 175px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;