diff --git a/apps/web/src/app/main/courses/components/CourseCard.tsx b/apps/web/src/app/main/courses/components/CourseCard.tsx
index 3dd5032..9f64cbe 100755
--- a/apps/web/src/app/main/courses/components/CourseCard.tsx
+++ b/apps/web/src/app/main/courses/components/CourseCard.tsx
@@ -43,7 +43,7 @@ export default function CourseCard({ course, edit = false }: CourseCardProps) {
 			}>
 			<div className="px-4 ">
 				<div className="overflow-hidden hover:overflow-auto">
-					<div className="flex gap-2 mb-4  whiteSpace-nowrap">
+					<div className="flex gap-2 h-7 mb-4  whiteSpace-nowrap">
 						{course?.terms?.map((term) => {
 							return (
 								<>
diff --git a/apps/web/src/app/main/courses/components/FilterSection.tsx b/apps/web/src/app/main/courses/components/FilterSection.tsx
index d594d4c..b437058 100755
--- a/apps/web/src/app/main/courses/components/FilterSection.tsx
+++ b/apps/web/src/app/main/courses/components/FilterSection.tsx
@@ -19,7 +19,7 @@ export default function FilterSection() {
 		});
 	};
 	return (
-		<div className="bg-white p-6 rounded-lg shadow-sm w-1/6 space-y-6 h-full fixed">
+		<div className="bg-white z-0 p-6 rounded-lg mt-4 shadow-sm w-1/6 space-y-6 h-[820px] fixed overscroll-contain overflow-x-hidden">
 			{taxonomies?.map((tax, index) => {
 				const items = Object.entries(selectedTerms).find(
 					([key, items]) => key === tax.slug
@@ -32,7 +32,7 @@ export default function FilterSection() {
 						<TermParentSelector
 							value={items}
 							slug = {tax?.slug}
-							className="w-70 max-h-[500px] overscroll-contain overflow-x-hidden"
+							className="w-70 max-h-[400px] overscroll-contain overflow-x-hidden"
 							onChange={(selected) =>
 								handleTermChange(
 									tax?.slug,
diff --git a/apps/web/src/app/main/layout/MainFooter.tsx b/apps/web/src/app/main/layout/MainFooter.tsx
index e37d149..4720c4f 100755
--- a/apps/web/src/app/main/layout/MainFooter.tsx
+++ b/apps/web/src/app/main/layout/MainFooter.tsx
@@ -2,7 +2,7 @@ import { CloudOutlined, FileSearchOutlined, HomeOutlined, MailOutlined, PhoneOut
 import { Layout, Typography } from 'antd';
 export function MainFooter() {
     return (
-        <footer className="bg-gradient-to-b from-slate-800 to-slate-900  text-secondary-200">
+        <footer className="bg-gradient-to-b from-slate-800 to-slate-900 z-20  text-secondary-200">
             <div className="container mx-auto px-4 py-6">
                 <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                     {/* 开发组织信息 */}
diff --git a/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx b/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
index 72393db..39bce21 100755
--- a/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
+++ b/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
@@ -45,9 +45,9 @@ export const LectureItem: React.FC<LectureItemProps> = ({
 				</div>
 			)}
 			<div className="flex-grow flex justify-between items-center w-2/3 realative">
-				<h4 className="font-medium text-gray-800">{lecture.title}</h4>
+				<h4 className="font-medium text-gray-800 w-4/5">{lecture.title}</h4>
 				{lecture.subTitle && (
-					<span className="text-sm text-gray-500 mt-1">
+					<span className="text-sm text-gray-500 mt-1 w-4/5">
 						{lecture.subTitle}
 					</span>
 				)}
diff --git a/apps/web/src/components/presentation/video-player/VideoDisplay.tsx b/apps/web/src/components/presentation/video-player/VideoDisplay.tsx
index 5b48209..32b1109 100755
--- a/apps/web/src/components/presentation/video-player/VideoDisplay.tsx
+++ b/apps/web/src/components/presentation/video-player/VideoDisplay.tsx
@@ -192,7 +192,7 @@ export const VideoDisplay: React.FC<VideoDisplayProps> = ({
 	}, [src, onError, autoPlay]);
 
 	return (
-		<div className="relative w-full h-full">
+		<div className="relative w-full aspect-video">
 			<video
 				ref={videoRef}
 				className="w-full h-full"