diff --git a/frontend/src/pages/WeeklySummaryPage.jsx b/frontend/src/pages/WeeklySummaryPage.jsx
index 456eb10..ce649a2 100644
--- a/frontend/src/pages/WeeklySummaryPage.jsx
+++ b/frontend/src/pages/WeeklySummaryPage.jsx
@@ -44,14 +44,24 @@ const USER_COLORS = [
 
 const expandOvernightAttendances = (entries) => {
   return entries.map((entry) => {
-    if (entry.start_time && !entry.end_time) {
+    const start =
+      entry.start_time ??
+      entry.startTime ??
+      '';
+
+    const end =
+      entry.end_time ??
+      entry.endTime ??
+      '';
+
+    if (start && !end) {
       return {
         ...entry,
         end_time: '24:00:00',
       };
     }
 
-    if (!entry.start_time && entry.end_time) {
+    if (!start && end) {
       return {
         ...entry,
         start_time: '00:00:00',
@@ -429,10 +439,8 @@ const WeeklySummaryPage = ({ userId }) => {
       );
 
       /*
-       * Sur mobile, la hauteur du conteneur est volontairement
-       * limitée afin que le contenu interne puisse défiler.
-       *
-       * On ne calcule donc pas availableScheduleHeight ici.
+       * Sur mobile, le planning possède sa propre hauteur
+       * visible et son propre scroll.
        */
       if (window.innerWidth < 768) {
         return;
@@ -576,11 +584,11 @@ const WeeklySummaryPage = ({ userId }) => {
         : 'endTime';
 
     const value =
-      attendance[key] ||
-      attendance[legacyKey] ||
+      attendance[key] ??
+      attendance[legacyKey] ??
       '';
 
-    return value.slice(0, 5);
+    return String(value).slice(0, 5);
   };
 
   const getMinutes = (time) => {
@@ -972,6 +980,48 @@ const WeeklySummaryPage = ({ userId }) => {
       );
     };
 
+  /*
+   * ------------------------------------------------------------
+   * Créneaux réellement affichables
+   * ------------------------------------------------------------
+   *
+   * Cette fonction est utilisée par le rendu mobile ET permet
+   * de garantir que les créneaux sont filtrés de la même manière.
+   */
+
+  const getRenderableAttendancesForDay = (
+    dayAttendances,
+  ) => {
+    return getSelectedUserAttendances(
+      dayAttendances,
+    )
+      .map((attendance, index) => ({
+        attendance,
+        index,
+        start: getMinutes(
+          getTimeValue(
+            attendance,
+            'start_time',
+          ),
+        ),
+        end: getMinutes(
+          getTimeValue(
+            attendance,
+            'end_time',
+          ),
+        ),
+      }))
+      .filter(
+        ({
+          start,
+          end,
+        }) =>
+          start !== null &&
+          end !== null &&
+          end > start,
+      );
+  };
+
   /*
    * ------------------------------------------------------------
    * États
@@ -1021,14 +1071,6 @@ const WeeklySummaryPage = ({ userId }) => {
    * ------------------------------------------------------------
    * Hauteur du planning
    * ------------------------------------------------------------
-   *
-   * Desktop :
-   * la hauteur calculée doit tenir dans la Card.
-   *
-   * Mobile :
-   * chaque heure possède une hauteur fixe confortable.
-   * Le planning est donc volontairement plus haut que
-   * sa fenêtre visible et devient réellement scrollable.
    */
 
   const scheduleHeight = isMobile
@@ -1587,84 +1629,54 @@ const WeeklySummaryPage = ({ userId }) => {
                       )}
                     </div>
                   ) : (
-                    getSelectedUserAttendances(
+                    getRenderableAttendancesForDay(
                       getAttendancesForDay(
                         weekDays[
                           selectedDayIndex
                         ],
                       ),
-                    )
-                      .map(
-                        (attendance, index) => ({
-                          attendance,
-                          index,
-                          start: getMinutes(
-                            getTimeValue(
-                              attendance,
-                              'start_time',
-                            ),
-                          ),
-                          end: getMinutes(
-                            getTimeValue(
-                              attendance,
-                              'end_time',
-                            ),
-                          ),
-                        }),
-                      )
-                      .filter(
-                        ({
-                          start,
-                          end,
-                        }) =>
-                          start !== null &&
-                          end !== null &&
-                          end > start,
-                      )
-                      .map(
-                        ({
-                          attendance,
-                          start,
-                          end,
-                          index,
-                        }) => {
-                          const style =
-                            getAttendanceStyle(
-                              start,
-                              end,
-                              startHour,
-                              endHour,
-                              hourHeight,
-                            );
-
-                          return (
-                            <div
-                              key={
-                                attendance.id ??
-                                `${formatDateKey(
-                                  weekDays[
-                                    selectedDayIndex
-                                  ],
-                                )}-${start}-${end}-${index}`
-                              }
-                              className="absolute left-0 right-0 overflow-hidden rounded-sm border border-blue-600/30 bg-blue-500/80"
-                              style={
-                                style
-                              }
-                            >
-                              <div className="p-1 text-xs text-white">
-                                {formatSegmentTime(
-                                  start,
-                                )}{' '}
-                                -{' '}
-                                {formatSegmentTime(
-                                  end,
-                                )}
-                              </div>
-                            </div>
+                    ).map(
+                      ({
+                        attendance,
+                        start,
+                        end,
+                        index,
+                      }) => {
+                        const style =
+                          getAttendanceStyle(
+                            start,
+                            end,
+                            startHour,
+                            endHour,
+                            hourHeight,
                           );
-                        },
-                      )
+
+                        return (
+                          <div
+                            key={
+                              attendance.id ??
+                              `${formatDateKey(
+                                weekDays[
+                                  selectedDayIndex
+                                ],
+                              )}-${start}-${end}-${index}`
+                            }
+                            className="absolute left-0 right-0 overflow-hidden rounded-sm border border-blue-600/30 bg-blue-500/80"
+                            style={style}
+                          >
+                            <div className="p-1 text-xs text-white">
+                              {formatSegmentTime(
+                                start,
+                              )}{' '}
+                              -{' '}
+                              {formatSegmentTime(
+                                end,
+                              )}
+                            </div>
+                          </div>
+                        );
+                      },
+                    )
                   )}
                 </div>
               </div>
@@ -1863,83 +1875,52 @@ const WeeklySummaryPage = ({ userId }) => {
                           )}
                         </div>
                       ) : (
-                        getSelectedUserAttendances(
+                        getRenderableAttendancesForDay(
                           dayAttendances,
-                        )
-                          .map(
-                            (
-                              attendance,
-                              index,
-                            ) => ({
-                              attendance,
-                              index,
-                              start: getMinutes(
-                                getTimeValue(
-                                  attendance,
-                                  'start_time',
-                                ),
-                              ),
-                              end: getMinutes(
-                                getTimeValue(
-                                  attendance,
-                                  'end_time',
-                                ),
-                              ),
-                            }),
-                          )
-                          .filter(
-                            ({
-                              start,
-                              end,
-                            }) =>
-                              start !== null &&
-                              end !== null &&
-                              end > start,
-                          )
-                          .map(
-                            ({
-                              attendance,
-                              start,
-                              end,
-                              index,
-                            }) => {
-                              const style =
-                                getAttendanceStyle(
-                                  start,
-                                  end,
-                                  startHour,
-                                  endHour,
-                                  hourHeight,
-                                );
+                        ).map(
+                          ({
+                            attendance,
+                            start,
+                            end,
+                            index,
+                          }) => {
+                            const style =
+                              getAttendanceStyle(
+                                start,
+                                end,
+                                startHour,
+                                endHour,
+                                hourHeight,
+                              );
 
-                              return (
-                                <div
-                                  key={
-                                    attendance.id ??
-                                    `${formatDateKey(
-                                      day,
-                                    )}-${start}-${end}-${index}`
-                                  }
-                                  className="absolute left-2 right-2 overflow-hidden rounded-md border border-blue-600/30 bg-blue-500/80"
-                                  style={
-                                    style
-                                  }
-                                >
-                                  <div className="p-2 text-xs text-white">
-                                    <div className="font-medium">
-                                      {formatSegmentTime(
-                                        start,
-                                      )}{' '}
-                                      -{' '}
-                                      {formatSegmentTime(
-                                        end,
-                                      )}
-                                    </div>
+                            return (
+                              <div
+                                key={
+                                  attendance.id ??
+                                  `${formatDateKey(
+                                    day,
+                                  )}-${start}-${end}-${index}`
+                                }
+                                className="absolute left-2 right-2 overflow-hidden rounded-md border border-blue-600/30 bg-blue-500/80"
+                                style={
+                                  style
+                                }
+                              >
+                                <div className="p-2 text-xs text-white">
+                                  <div className="font-medium">
+                                    {formatSegmentTime(
+                                      start,
+                                    )}{' '}
+                                    -{' '}
+                                    {formatSegmentTime(
+                                      end,
+                                    )}
                                   </div>
                                 </div>
-                              );
-                            },
-                          )
+                              </div>
+                            );
+                          },
+                        )
                       )}
                     </div>
                   );