diff --git a/apps/web/src/components/models/course/detail/CourseDetailLayout.tsx b/apps/web/src/components/models/course/detail/CourseDetailLayout.tsx
index 02316bb..d2cffe6 100755
--- a/apps/web/src/components/models/course/detail/CourseDetailLayout.tsx
+++ b/apps/web/src/components/models/course/detail/CourseDetailLayout.tsx
@@ -18,7 +18,7 @@ export default function CourseDetailLayout() {
 	const handleLectureClick = (lectureId: string) => {
 		setSelectedLectureId(lectureId);
 	};
-	const [isSyllabusOpen, setIsSyllabusOpen] = useState(false);
+	const [isSyllabusOpen, setIsSyllabusOpen] = useState(true);
 	return (
 		<div className="relative">
 			<CourseDetailHeader />
@@ -30,6 +30,9 @@ export default function CourseDetailLayout() {
 				{" "}
 				{/* 添加这个包装 div */}
 				<motion.div
+					initial={{
+						width: "75%",
+					}}
 					animate={{
 						width: isSyllabusOpen ? "75%" : "100%",
 					}}