diff --git a/src/components/CourseList/index.js b/src/components/CourseList/index.js
index 7c6d9d4..c117bb3 100644
--- a/src/components/CourseList/index.js
+++ b/src/components/CourseList/index.js
@@ -40,14 +40,7 @@ const CourseChapter = ({ courseTitle, lessonName, grade, chapters }) => {
               `}
                 ></div>
                 {Number(i) !== chapter.lessons.length - 1 && (
-                  <span
-                    className="w-1"
-                    style={{
-                      borderRight: "2px dotted yellow",
-                      transform: "translateX(-1px)",
-                      height: "65px",
-                    }}
-                  ></span>
+                  <span className="w-1 h-[65px] border-r-2 border-dotted border-yellow-200"></span>
                 )}
               </div>
               {/* left div content  */}