diff --git a/src/components/Calendar.tsx b/src/components/Calendar.tsx
index 50086da..f32e8a5 100644
--- a/src/components/Calendar.tsx
+++ b/src/components/Calendar.tsx
@@ -16,7 +16,7 @@ const CourseCard = ({ course }: { course: WeekCourse }) => {
 	return (
 		<div
 			className={clsx(
-				'h-full rounded-md border-l-3 p-1 text-xs overflow-hidden',
+				'h-full rounded-md border-l-3 p-1 text-xs overflow-hidden opacity-75',
 				color.border,
 				color.bg,
 				color.text,