diff --git a/src/Pages/Dashboard.js b/src/Pages/Dashboard.js
index 0f3e01b..f426bbb 100644
--- a/src/Pages/Dashboard.js
+++ b/src/Pages/Dashboard.js
@@ -18,7 +18,7 @@ export default function Dashboard() {
             <div className="flex flex-col mt-3 mx-auto px-2">
                 <h3 className="text-3xl font-semibold text-indigo-100 py-1 px-5 mx-auto border-b-2 border-gray-100">Last 5 courses</h3>
                 <div className="mb-10 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8">
-                    <div className="flex flex-col items-center justify-center ">
+                    <div className="flex flex-col items-center justify-center">
                         <CourseTable />
                     </div>
                 </div>
diff --git a/src/components/CourseTable.js b/src/components/CourseTable.js
index 1bf4420..f7ad7e7 100644
--- a/src/components/CourseTable.js
+++ b/src/components/CourseTable.js
@@ -5,6 +5,7 @@ import CircleSpinner from './Utilities/Loaders/CircleSpinner';
 export default function CourseTable({id,title,online,start_date,end_date,imagePath,duration}){
     const url = 'https://chain-legendary-strawflower.glitch.me/courses';
     const [courses,setCourses]= useState([]);
+    const [allCourses,setAllCourses]=useState(null);
 
     const fetchLastCourses = () =>{
         fetch(url,{
@@ -15,6 +16,7 @@ export default function CourseTable({id,title,online,start_date,end_date,imagePa
             }})
         .then((response)=> response.json())
         .then((data)=> {
+            setAllCourses(data.length);
             const lastCourses = data.slice(-5);
             setCourses(lastCourses);});
     }
@@ -51,13 +53,11 @@ export default function CourseTable({id,title,online,start_date,end_date,imagePa
                             </thead>
                             <tbody className="text-indigo-800 text-center">
                                 {courses.length > 0 && courses.map((item) =>{
-                                     return (<CourseItem key={item.id} id={item.id} title={item.title} duration={item.duration} start_date ={item.dates.start_date} end_date={item.dates.end_date} online={item.online} />)
-                                }
-        
-                                )}                                                           
+                                     return (<CourseItem key={item.id} id={item.id} title={item.title} duration={item.duration} start_date={item.dates.start_date} end_date={item.dates.end_date} online={item.online} />)
+                                })}                                                           
                             </tbody>
+                            <tfoot className="flex flex-col p-2 mx-auto"><p className='text-indigo-200 font-semibold text-xl capitalize underline'>Total number of courses: <span className='text-white font-bold text-xl'>{allCourses}</span></p></tfoot>
                         </table>
         </>
-
     )
 }
\ No newline at end of file