diff --git a/src/app/courses/page.tsx b/src/app/courses/page.tsx
index ba65465..2cc3285 100644
--- a/src/app/courses/page.tsx
+++ b/src/app/courses/page.tsx
@@ -10,8 +10,8 @@ function page() {
     <div className="min-h-screen bg-black py-12 pt-36">
         <h1 className="text-lg md:text-7xl text-center font-sans font-bold mb-8 text-white">All courses ({courseData.courses.length})</h1>  
         <div className="flex flex-wrap justify-center">
-            {courseData.courses.map((course) => (
-                <CardContainer className="inter-var m-4">
+            {courseData.courses.map((course ,index) => (
+                <CardContainer className="inter-var m-4" key={index}>
                 <CardBody className="bg-gray-50 relative group/card  dark:hover:shadow-2xl dark:hover:shadow-emerald-500/[0.1] dark:bg-black dark:border-white/[0.2] border-black/[0.1] w-auto sm:w-[30rem] h-auto rounded-xl p-6 border  ">
                   <CardItem
                     translateZ="50"