diff --git a/apps/web/src/app/main/courses/components/CourseCard.tsx b/apps/web/src/app/main/courses/components/CourseCard.tsx
index f81c3a3..5de3a9d 100755
--- a/apps/web/src/app/main/courses/components/CourseCard.tsx
+++ b/apps/web/src/app/main/courses/components/CourseCard.tsx
@@ -38,7 +38,7 @@ export default function CourseCard({ course }: 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 mb-4  whiteSpace-nowrap">
 						{course?.terms?.map((term) => {
 							return (
 								<>
diff --git a/apps/web/src/app/main/home/components/CoursesSection.tsx b/apps/web/src/app/main/home/components/CoursesSection.tsx
index 23cd420..999e931 100755
--- a/apps/web/src/app/main/home/components/CoursesSection.tsx
+++ b/apps/web/src/app/main/home/components/CoursesSection.tsx
@@ -44,10 +44,9 @@ const CoursesSection: React.FC<CoursesSectionProps> = ({
 		type: TaxonomySlug.CATEGORY,
 	});
 	return (
-    <section className="relative py-16 overflow-hidden bg-gray-200">
-      <div className="absolute inset-0 bg-white max-w-screen-2xl mx-auto px-6"></div>
-			<div className="max-w-screen-2xl mx-auto px-6 relative">
-				<div className="flex justify-between items-end mb-16 ">
+    <section className="relative py-16 overflow-hidden ">
+			<div className="max-w-screen-2xl mx-auto px-4 relative">
+				<div className="flex justify-between items-end mb-12 ">
 					<div>
 						<Title
 							level={2}
diff --git a/apps/web/src/app/main/layout/MainLayout.tsx b/apps/web/src/app/main/layout/MainLayout.tsx
index be54216..ccba498 100755
--- a/apps/web/src/app/main/layout/MainLayout.tsx
+++ b/apps/web/src/app/main/layout/MainLayout.tsx
@@ -9,9 +9,9 @@ const { Content } = Layout;
 export function MainLayout() {
 	return (
 		<MainProvider>
-			<Layout className="min-h-screen  bg-gray-100">
+			<Layout className="min-h-screen">
 				<MainHeader />
-				<Content className="mt-16 bg-gray-200 ">
+				<Content className="mt-16  bg-gray-50">
 					<Outlet />
 				</Content>
 				<MainFooter />