diff --git a/client/src/components/ItineraryList/ItineraryLegDetails.tsx b/client/src/components/ItineraryList/ItineraryLegDetails.tsx
index 488ff34f197..e75813a4a45 100644
--- a/client/src/components/ItineraryList/ItineraryLegDetails.tsx
+++ b/client/src/components/ItineraryList/ItineraryLegDetails.tsx
@@ -10,14 +10,9 @@ export function ItineraryLegDetails({ leg, isLast }: { leg: Leg; isLast: boolean
       <div className="times">
         {formatDistance(leg.distance)}, {formatDuration(leg.duration)}
       </div>
-
-        <InterchangeInfo leg={leg} />
-        <LegTime
-          aimedTime={leg.aimedStartTime}
-          expectedTime={leg.expectedStartTime}
-          hasRealtime={leg.realtime}
-        /> - <LegTime aimedTime={leg.aimedEndTime} expectedTime={leg.expectedEndTime} hasRealtime={leg.realtime} />
-
+      <InterchangeInfo leg={leg} />
+      <LegTime aimedTime={leg.aimedStartTime} expectedTime={leg.expectedStartTime} hasRealtime={leg.realtime} /> -{' '}
+      <LegTime aimedTime={leg.aimedEndTime} expectedTime={leg.expectedEndTime} hasRealtime={leg.realtime} />
       <div className="mode">
         <b>{leg.mode}</b>{' '}
         {leg.line && (
@@ -28,11 +23,10 @@ export function ItineraryLegDetails({ leg, isLast }: { leg: Leg; isLast: boolean
             , {leg.authority?.name}
           </>
         )}{' '}
-
         {leg.mode !== Mode.Foot && (
           <>
-            <br/>
-              <u title={leg.fromPlace.quay?.id}>{leg.fromPlace.name}</u> →{' '}
+            <br />
+            <u title={leg.fromPlace.quay?.id}>{leg.fromPlace.name}</u> →{' '}
           </>
         )}{' '}
         {!isLast && <u title={leg.toPlace.quay?.id}>{leg.toPlace.name}</u>}