diff --git a/src/components/Home/EventCalendar.jsx b/src/components/Home/EventCalendar.jsx
index b048831..22f4178 100644
--- a/src/components/Home/EventCalendar.jsx
+++ b/src/components/Home/EventCalendar.jsx
@@ -52,7 +52,11 @@ const EventCalendar = () => {
   };
 
   return (
-    <div className="service-area-2 space overflow-hidden" id="event-calender">
+    <div
+      className="service-area-2 space overflow-hidden"
+      id="event-calendar"
+      style={{ scrollMarginTop: "100px" }}
+    >
       <div className="container">
         <h2 className="text-center mb-4">Event Calendar</h2>