diff --git a/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx b/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx
index aef7064..3b04395 100755
--- a/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx
+++ b/apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx
@@ -83,7 +83,7 @@ export const CourseSyllabus: React.FC<CourseSyllabusProps> = ({
 
 							<div className="flex-1 overflow-y-auto p-4">
 								<div className="space-y-4">
-									{sections.map((section) => (
+									{sections.map((section, index) => (
 										<SectionItem
 											key={section.id}
 											ref={(el) =>
@@ -91,6 +91,7 @@ export const CourseSyllabus: React.FC<CourseSyllabusProps> = ({
 													section.id
 												] = el)
 											}
+											index={index + 1}
 											section={section}
 											isExpanded={expandedSections.includes(
 												section.id