diff --git a/web/app/routes/logbook.flights.$id/route.tsx b/web/app/routes/logbook.flights.$id/route.tsx
index fd4d2ec..78df7f2 100644
--- a/web/app/routes/logbook.flights.$id/route.tsx
+++ b/web/app/routes/logbook.flights.$id/route.tsx
@@ -130,11 +130,17 @@ export default function Flight() {
                       {(log.pax || log.crew) &&
                       (log.pax.length > 0 || log.crew.length > 0) ? (
                         <Group grow mt="sm">
-                          <VerticalLogItem label="Pax" content={log.pax} list />
+                          <VerticalLogItem
+                            label="Pax"
+                            content={log.pax}
+                            list
+                            listColor="gray"
+                          />
                           <VerticalLogItem
                             label="Crew"
                             content={log.crew}
                             list
+                            listColor="gray"
                           />
                         </Group>
                       ) : null}
diff --git a/web/app/routes/logbook.flights/flights-list.tsx b/web/app/routes/logbook.flights/flights-list.tsx
index c5464ec..5dbaac4 100644
--- a/web/app/routes/logbook.flights/flights-list.tsx
+++ b/web/app/routes/logbook.flights/flights-list.tsx
@@ -116,26 +116,30 @@ function FlightsListDisplay({
                                           </Text>
                                           {flight.waypoint_from ||
                                           flight.waypoint_to ? (
-                                            <Text>/</Text>
+                                            <>
+                                              <Text>/</Text>
+                                              <Group gap="xs">
+                                                {flight.waypoint_from ? (
+                                                  <Text>
+                                                    {flight.waypoint_from}
+                                                  </Text>
+                                                ) : (
+                                                  ""
+                                                )}
+                                                {flight.waypoint_from &&
+                                                flight.waypoint_to ? (
+                                                  <IconArrowRightTail />
+                                                ) : null}
+                                                {flight.waypoint_to ? (
+                                                  <Text>
+                                                    {flight.waypoint_to}
+                                                  </Text>
+                                                ) : (
+                                                  ""
+                                                )}
+                                              </Group>
+                                            </>
                                           ) : null}
-                                          <Group gap="xs">
-                                            {flight.waypoint_from ? (
-                                              <Text>
-                                                {flight.waypoint_from}
-                                              </Text>
-                                            ) : (
-                                              ""
-                                            )}
-                                            {flight.waypoint_from &&
-                                            flight.waypoint_to ? (
-                                              <IconArrowRightTail />
-                                            ) : null}
-                                            {flight.waypoint_to ? (
-                                              <Text>{flight.waypoint_to}</Text>
-                                            ) : (
-                                              ""
-                                            )}
-                                          </Group>
                                         </Group>
                                       }
                                       description={
diff --git a/web/app/ui/display/log-item.tsx b/web/app/ui/display/log-item.tsx
index b8540d2..c0e2f23 100644
--- a/web/app/ui/display/log-item.tsx
+++ b/web/app/ui/display/log-item.tsx
@@ -27,6 +27,7 @@ export function VerticalLogItem({
   time = false,
   date = false,
   list = false,
+  listColor = "",
 }: {
   label: string;
   content: string | string[] | null;
@@ -35,6 +36,7 @@ export function VerticalLogItem({
   time?: boolean;
   date?: boolean;
   list?: boolean;
+  listColor?: string;
 }) {
   if (content === null) content = "";
   if (decimal > 0) content = Number(content).toFixed(decimal);
@@ -56,7 +58,7 @@ export function VerticalLogItem({
             {(content as string[]).length > 0 ? (
               <Text size="lg">
                 {(content as string[]).map((item) => (
-                  <Badge key={randomId()} size="lg" mx="xs">
+                  <Badge key={randomId()} size="lg" mx="xs" color={listColor}>
                     {item}
                   </Badge>
                 ))}