diff --git a/public/react/src/modules/courses/elearning/YslDetailCards.js b/public/react/src/modules/courses/elearning/YslDetailCards.js
index 4e89b0c87..cb6f06fde 100644
--- a/public/react/src/modules/courses/elearning/YslDetailCards.js
+++ b/public/react/src/modules/courses/elearning/YslDetailCards.js
@@ -388,6 +388,13 @@ class YslDetailCards extends Component{
 							margin-bottom: 20px;
 							background-color: #fff;
 					}
+					.lessonvalue{
+								max-width: 556px;
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap;
+								display: inline-block;
+					 }
 					`
 				}</style>