diff --git a/src/app/(protected)/workorders/_components/list/table/cells/vendor-dialog-company-card.tsx b/src/app/(protected)/workorders/_components/list/table/cells/vendor-dialog-company-card.tsx
index b14f8a4a..e7bea00d 100644
--- a/src/app/(protected)/workorders/_components/list/table/cells/vendor-dialog-company-card.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/cells/vendor-dialog-company-card.tsx
@@ -1,4 +1,6 @@
 import { ExternalLink, Mail, MapPin } from "lucide-react";
+import { AddressMapPreview } from "@/components/common/address-map-preview";
+import { mapsSearchUrl } from "@/lib/address/vendor-address";
 import { Detail } from "@/app/(protected)/workorders/_components/wizard/wizard-labels";
 import type { VendorDropdownItem } from "@/domain/work-orders/types/work-order";
 import { formatVendorDistance } from "@/domain/work-orders/utils/vendor-dropdown-label";
@@ -33,15 +35,23 @@ export function VendorDialogCompanyCard({ company, vendor }: VendorDialogCompany
       {Boolean(vendor?.address) && <Detail icon={MapPin} text={vendor?.address ?? ""} />}
       {Boolean(email) && <Detail icon={Mail} text={email} />}
       {vendor != null && Boolean(vendor.address) && (
-        <a
-          href={`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(vendor.address)}`}
-          target="_blank"
-          rel="noreferrer"
-          className="inline-flex items-center gap-1.5 text-[12px] hover:underline"
-          style={{ color: "var(--color-primary)" }}
-        >
-          <ExternalLink size={12} /> Open in Google Maps
-        </a>
+        <>
+          <a
+            href={mapsSearchUrl({ street: vendor.address })}
+            target="_blank"
+            rel="noreferrer"
+            className="inline-flex items-center gap-1.5 text-[12px] hover:underline"
+            style={{ color: "var(--color-primary)" }}
+          >
+            <ExternalLink size={12} /> Open in Google Maps
+          </a>
+          {/*
+            SH-271: the vendor dropdown payload carries one composed address
+            line, not the structured parts the form and detail drawer hold, so
+            the preview is given the line directly. It is saved data either way.
+          */}
+          <AddressMapPreview query={vendor.address} height={140} />
+        </>
       )}
     </div>
   );
diff --git a/src/components/common/address-map-preview.tsx b/src/components/common/address-map-preview.tsx
index a9b14ad9..91eee654 100644
--- a/src/components/common/address-map-preview.tsx
+++ b/src/components/common/address-map-preview.tsx
@@ -7,7 +7,14 @@ import {
 } from "@/lib/address/vendor-address";
 
 type AddressMapPreviewProps = {
-  address: Partial<AddressParts>;
+  /** Structured parts, as held by a form or a detail view. */
+  address?: Partial<AddressParts>;
+  /**
+   * An already-composed address line, for callers that hold saved data rather
+   * than live input — the Work Order vendor dialog gets one string from the
+   * vendor dropdown payload. Ignored when `address` is given.
+   */
+  query?: string;
   height?: number;
 };
 
@@ -21,10 +28,16 @@ type AddressMapPreviewProps = {
  * Renders nothing until Street, City and State are all present — a preview of a
  * half-typed address points somewhere misleading, which is worse than no map.
  */
-export function AddressMapPreview({ address, height = 160 }: AddressMapPreviewProps) {
-  if (!hasCompleteAddress(address)) return null;
-
-  const query = buildAddressQuery(address);
+export function AddressMapPreview({
+  address,
+  query: rawQuery,
+  height = 160,
+}: AddressMapPreviewProps) {
+  // Structured input is held to the completeness rule; a pre-composed line is
+  // saved data and only has to be non-empty.
+  const query = address ? buildAddressQuery(address) : (rawQuery ?? "").trim();
+  const renderable = address ? hasCompleteAddress(address) : Boolean(query);
+  if (!renderable) return null;
   return (
     <Box
       sx={{
@@ -38,7 +51,7 @@ export function AddressMapPreview({ address, height = 160 }: AddressMapPreviewPr
       <Box
         component="iframe"
         title={`Map of ${query}`}
-        src={mapsEmbedUrl(address)}
+        src={mapsEmbedUrl({ street: query })}
         loading="lazy"
         referrerPolicy="no-referrer-when-downgrade"
         sx={{ display: "block", width: "100%", height, border: 0 }}