update

src/components/CourseChapter/index.js

@@ -38,7 +38,7 @@ const CourseChapter = ({ chapters }) => {
                   <div className="bg-white border border-blue-600 p-2 flex flex-col rounded-tr-md rounded-tl-md">
                     <div className="flex flex-row items-center justify-between">
                       <p className="text-sm text-blue-500">{lesson.title}</p>
-                      <span className="text-xs text-blue-500">
+                      <span className="text-xs text-blue-500 border-r-2 pr-1">
                         {lesson.duration}
                       </span>
                     </div>
@@ -54,6 +54,7 @@ const CourseChapter = ({ chapters }) => {
             ))}
           </div>
         ))}
+        {/* blue border left */}
         <div className="bg-blue-600 w-1 h-20 rounded absolute top-1/2 left-0.5 transform -translate-x-1/2 -translate-y-1/2"></div>
       </div>
     </section>