diff --git a/src/pages/workorders/view/WorkOrderViewPage.css b/src/pages/workorders/view/WorkOrderViewPage.css
index f537cc21..07fe6e96 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.css
+++ b/src/pages/workorders/view/WorkOrderViewPage.css
@@ -536,9 +536,9 @@
   font-weight: 500;
 }
 
-.woDispatchVendorAddr {
+.woDispatchVendorTrades {
   font-size: 11px;
-  color: #666;
+  color: #007bff;
 }
 
 .woDispatchVendorMeta {
diff --git a/src/pages/workorders/view/WorkOrderViewPage.js b/src/pages/workorders/view/WorkOrderViewPage.js
index 387587a3..01a30e13 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.js
+++ b/src/pages/workorders/view/WorkOrderViewPage.js
@@ -230,9 +230,9 @@ function DispatchModal({ wo, onClose, onDispatched }) {
                     <input type="checkbox" checked={selectedIds.includes(v.id)} onChange={() => toggleVendor(v.id)} />
                     <div className="woDispatchVendorInfo">
                       <span className="woDispatchVendorName">{v.companyName}</span>
-                      {v.address && <span className="woDispatchVendorAddr">{v.address}</span>}
+                      {v.tradeSpecialties && <span className="woDispatchVendorTrades">{v.tradeSpecialties}</span>}
                       <span className="woDispatchVendorMeta">
-                        {v.tradeSpecialties && <span>{v.tradeSpecialties}</span>}
+                        {v.address && <span>{v.address}</span>}
                         {v.distanceMiles != null && <span className="woDispatchVendorDist">{v.distanceMiles} mi</span>}
                       </span>
                     </div>