diff --git a/src/components/homePage/calendar.jsx b/src/components/homePage/calendar.jsx
index d84fb08..9b53629 100644
--- a/src/components/homePage/calendar.jsx
+++ b/src/components/homePage/calendar.jsx
@@ -102,7 +102,7 @@ function Calendar({ events = [] }) {
 
                 {selectedDay && (
                     <div className={`${styles.eventBox} glassBorder`}>
-                        <h3>Événements du {formatDateLetter(selectedDay.date)}</h3>
+                        <h3>Événements du {formatDateLetterJS(selectedDay.date)}</h3>
 
                         {selectedDay.events.length > 0 ? (
                             <ul>
diff --git a/src/components/homePage/eventList.jsx b/src/components/homePage/eventList.jsx
index b7c7650..3d9b366 100644
--- a/src/components/homePage/eventList.jsx
+++ b/src/components/homePage/eventList.jsx
@@ -19,9 +19,11 @@ function EventList({ events }) {
                     <ul className={styles.eventList}>
                         {sortedEvents.map((eventGroup) => (
                             <li key={eventGroup.date} className={`${styles.eventGroup} glassBorder`}>
-                                <div className={styles.eventDate}>
-                                    <strong>{formatDateLetter(eventGroup.date)}</strong>
+                                <div className={styles.eventTitle}>
+                                    <p className={styles.title}>{eventGroup.name}</p>
+                                    <p>{formatDateLetter(eventGroup.start)}</p>
                                 </div>
+                                {/* TODO: Faire une liste déroulante pour ne plus afficher les tache */}
                                 <ul className={styles.eventDetails}>
                                     {eventGroup.tasks.map((task, i) => (
                                         <li key={i} className={styles.eventTasks}>