diff --git a/src/pages/course/[slug]/index.js b/src/pages/course/[slug]/index.js
index 994d8f2..1868d46 100644
--- a/src/pages/course/[slug]/index.js
+++ b/src/pages/course/[slug]/index.js
@@ -285,7 +285,7 @@ const Course = () => {
             {isMobileView && (
               <div className={`${activeTab === 'lessons' ? 'block' : 'hidden'}`}>
                 <CourseSidebar
-                  lessons={uniqueLessons}
+                  lessons={[...uniqueLessons].sort((a, b) => a.index - b.index)}
                   activeIndex={activeIndex}
                   onLessonSelect={handleLessonSelect}
                   completedLessons={completedLessons}