diff --git a/apps/web/src/app/main/courses/components/FilterSection.tsx b/apps/web/src/app/main/courses/components/FilterSection.tsx
index 01ffba6..d594d4c 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 space-y-6 h-full">
+		<div className="bg-white p-6 rounded-lg shadow-sm w-1/6 space-y-6 h-full fixed">
 			{taxonomies?.map((tax, index) => {
 				const items = Object.entries(selectedTerms).find(
 					([key, items]) => key === tax.slug
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 6bdc9b3..72393db 100755
--- a/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
+++ b/apps/web/src/components/models/course/detail/CourseSyllabus/LectureItem.tsx
@@ -53,7 +53,7 @@ export const LectureItem: React.FC<LectureItemProps> = ({
 				)}
 				<div className="text-gray-500 whitespace-normal">
 					<EyeOutlined></EyeOutlined>
-					<span className="ml-2">{lecture?.meta?.views}</span>
+					<span className="ml-2">{lecture?.meta?.views ? lecture?.meta?.views : 0}</span>
 				</div>
 			</div>
 		</div>