diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
index 16dcfafd..21aa3ea9 100644
--- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
+++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
@@ -139,6 +139,14 @@
     color: #222;
   }
 
+  &__day-change {
+    margin-left: 6px;
+    font-size: 11px;
+    font-weight: 500;
+    color: #2457ff;
+    vertical-align: super;
+  }
+
   &__time-date {
     font-size: 12px;
     color: #2457ff;
diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx b/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx
index 3d3aeb46..82feaef9 100644
--- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx
+++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx
@@ -85,22 +85,38 @@ function TransitionTimes({
   testId: string;
 }): JSX.Element {
   const { t } = useTranslation();
-  const start = item.start?.local;
-  const end = item.end?.local;
+  const start = item.start;
+  const end = item.end;
+  const startDayChange = start?.dayChange?.value ?? 0;
+  const endDayChange = end?.dayChange?.value ?? 0;
   return (
     <div className="details-row__times" data-testid={testId}>
-      {start && (
+      {start?.local && (
         <div className="details-row__time-col">
           <div className="details-row__time-label">{t("SHARED.TIME-START")}</div>
-          <div className="details-row__time-value">{formatLocalTime(start)}</div>
-          <div className="details-row__time-date">{formatDayMonthYear(start)}</div>
+          <div className="details-row__time-value">
+            {formatLocalTime(start.local)}
+            {startDayChange !== 0 && (
+              <span className="details-row__day-change">
+                {startDayChange > 0 ? `+${startDayChange}` : startDayChange}
+              </span>
+            )}
+          </div>
+          <div className="details-row__time-date">{formatDayMonthYear(start.local)}</div>
         </div>
       )}
-      {end && (
+      {end?.local && (
         <div className="details-row__time-col">
           <div className="details-row__time-label">{t("SHARED.TIME-END")}</div>
-          <div className="details-row__time-value">{formatLocalTime(end)}</div>
-          <div className="details-row__time-date">{formatDayMonthYear(end)}</div>
+          <div className="details-row__time-value">
+            {formatLocalTime(end.local)}
+            {endDayChange !== 0 && (
+              <span className="details-row__day-change">
+                {endDayChange > 0 ? `+${endDayChange}` : endDayChange}
+              </span>
+            )}
+          </div>
+          <div className="details-row__time-date">{formatDayMonthYear(end.local)}</div>
         </div>
       )}
     </div>