diff --git a/apps/web/src/components/models/course/detail/CourseSyllabus/SectionItem.tsx b/apps/web/src/components/models/course/detail/CourseSyllabus/SectionItem.tsx
index d2a4fe6..6cd1627 100755
--- a/apps/web/src/components/models/course/detail/CourseSyllabus/SectionItem.tsx
+++ b/apps/web/src/components/models/course/detail/CourseSyllabus/SectionItem.tsx
@@ -16,11 +16,11 @@ interface SectionItemProps {
 
 export const SectionItem = React.forwardRef<HTMLDivElement, SectionItemProps>(
 	({ section, index, isExpanded, onToggle, onLectureClick }, ref) => (
-		<motion.div
+		<div
 			ref={ref}
-			initial={{ opacity: 0, y: 20 }}
-			animate={{ opacity: 1, y: 0 }}
-			transition={{ duration: 0.3 }}
+			// initial={{ opacity: 0, y: 20 }}
+			// animate={{ opacity: 1, y: 0 }}
+			// transition={{ duration: 0.3 }}
 			className="border rounded-lg overflow-hidden bg-white shadow-sm hover:shadow-md transition-shadow">
 			<button
 				className="w-full flex items-center justify-between p-4 hover:bg-gray-50 transition-colors"
@@ -64,6 +64,6 @@ export const SectionItem = React.forwardRef<HTMLDivElement, SectionItemProps>(
 					</motion.div>
 				)}
 			</AnimatePresence>
-		</motion.div>
+		</div>
 	)
 );