diff --git a/frontend/src/components/dashboard/FleetDashboardShell.jsx b/frontend/src/components/dashboard/FleetDashboardShell.jsx
index 068615b..661b4a4 100644
--- a/frontend/src/components/dashboard/FleetDashboardShell.jsx
+++ b/frontend/src/components/dashboard/FleetDashboardShell.jsx
@@ -990,9 +990,15 @@ export default function FleetDashboardShell({ initialSection = 'dashboard', page
                                         {(() => {
                                             const sharedCranes = workOrderSharedCranes.get(String(workOrder.id));
                                             if (sharedCranes && sharedCranes.size > 0) {
-                                                return [...sharedCranes.values()].map((c) => (
-                                                    [c.make, c.model].filter(Boolean).join(' ') || c.registration_number || `#${c.id}`
-                                                )).join(' • ');
+                                                return (
+                                                    <div className="flex flex-col gap-0.5">
+                                                        {[...sharedCranes.values()].map((c) => (
+                                                            <span key={c.id}>
+                                                                {[c.make, c.model].filter(Boolean).join(' ') || c.registration_number || `#${c.id}`}
+                                                            </span>
+                                                        ))}
+                                                    </div>
+                                                );
                                             }
                                             return [workOrder.craneInfo?.make, workOrder.craneInfo?.model].filter(Boolean).join(' ')
                                                 || workOrder.craneLabel
@@ -1004,10 +1010,12 @@ export default function FleetDashboardShell({ initialSection = 'dashboard', page
                                         {(() => {
                                             const sharedCranes = workOrderSharedCranes.get(String(workOrder.id));
                                             if (sharedCranes && sharedCranes.size > 0) {
-                                                const sns = [...sharedCranes.values()]
-                                                    .map((c) => c.crane_serial_number)
-                                                    .filter(Boolean);
-                                                return sns.length > 0 ? sns.join(' • ') : '-';
+                                                const sns = [...sharedCranes.values()].map((c) => c.crane_serial_number || '-');
+                                                return (
+                                                    <div className="flex flex-col gap-0.5">
+                                                        {sns.map((sn, i) => <span key={i}>{sn}</span>)}
+                                                    </div>
+                                                );
                                             }
                                             return workOrder.craneInfo?.crane_serial_number || '-';
                                         })()}