diff --git a/x-pack/plugins/apm/public/components/app/service_map/Popover/backend_contents.tsx b/x-pack/plugins/apm/public/components/app/service_map/Popover/backend_contents.tsx
index e72ea1b8b122f5..7f0558b73a3d61 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/Popover/backend_contents.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/Popover/backend_contents.tsx
@@ -50,7 +50,7 @@ export function BackendContents({ nodeData }: ContentsProps) {
   const isLoading = status === FETCH_STATUS.LOADING;
   const detailsUrl = apmRouter.link('/backends/:backendName/overview', {
     path: { backendName },
-    query,
+    query: query as any,
   });
 
   return (
diff --git a/x-pack/plugins/apm/public/components/app/service_map/Popover/externals_list_contents.tsx b/x-pack/plugins/apm/public/components/app/service_map/Popover/externals_list_contents.tsx
index 215f2db6b42ee9..c8ab7a653b201d 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/Popover/externals_list_contents.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/Popover/externals_list_contents.tsx
@@ -14,6 +14,11 @@ import {
 import React, { Fragment } from 'react';
 import { ContentsProps } from '.';
 import { euiStyled } from '../../../../../../../../src/plugins/kibana_react/common';
+import {
+  SPAN_DESTINATION_SERVICE_RESOURCE,
+  SPAN_TYPE,
+  SPAN_SUBTYPE,
+} from '../../../../../common/elasticsearch_fieldnames';
 import { ExternalConnectionNode } from '../../../../../common/service_map';
 
 const ExternalResourcesList = euiStyled.section`
@@ -29,8 +34,8 @@ export function ExternalsListContents({ nodeData }: ContentsProps) {
           {nodeData.groupedConnections.map(
             (resource: ExternalConnectionNode) => {
               const title =
-                resource.label || resource['span.destination.service.resource'];
-              const desc = `${resource['span.type']} (${resource['span.subtype']})`;
+                resource.label || resource[SPAN_DESTINATION_SERVICE_RESOURCE];
+              const desc = `${resource[SPAN_TYPE]} (${resource[SPAN_SUBTYPE]})`;
               return (
                 <Fragment key={resource.id}>
                   <EuiDescriptionListTitle