diff --git a/public/components/application_analytics/components/application.tsx b/public/components/application_analytics/components/application.tsx
index 464de99873..ba7bd4299f 100644
--- a/public/components/application_analytics/components/application.tsx
+++ b/public/components/application_analytics/components/application.tsx
@@ -54,7 +54,9 @@ import {
 } from '../../../../public/components/trace_analytics/components/common/helper_functions';
 import { SpanDetailFlyout } from '../../../../public/components/trace_analytics/components/traces/span_detail_flyout';
 import { SpanDetailTable } from '../../../../public/components/trace_analytics/components/traces/span_detail_table';
+import { HeaderControlledComponentsWrapper } from '../../../../public/plugin_helpers/plugin_headerControl';
 import { TracesContent } from '../../../components/trace_analytics/components/traces/traces_content';
+import { coreRefs } from '../../../framework/core_refs';
 import { Explorer } from '../../event_analytics/explorer/explorer';
 import { ServicesContent } from '../../trace_analytics/components/services/services_content';
 import { fetchAppById, initializeTabData } from '../helpers/utils';
@@ -62,8 +64,6 @@ import { AppAnalyticsComponentDeps } from '../home';
 import { Configuration } from './configuration';
 import { ServiceDetailFlyout } from './flyout_components/service_detail_flyout';
 import { TraceDetailFlyout } from './flyout_components/trace_detail_flyout';
-import { coreRefs } from '../../../framework/core_refs';
-import { HeaderControlledComponentsWrapper } from '../../../../public/plugin_helpers/plugin_headerControl';
 
 const newNavigation = coreRefs.chrome?.navGroup.getNavGroupEnabled();
 
@@ -570,6 +570,7 @@ export function Application(props: AppDetailProps) {
             traceId={traceFlyoutId}
             closeTraceFlyout={closeTraceFlyout}
             openSpanFlyout={openSpanFlyout}
+            dataSourceMDSId=""
           />
         )}
       </EuiPage>
diff --git a/public/components/application_analytics/components/flyout_components/trace_detail_flyout.tsx b/public/components/application_analytics/components/flyout_components/trace_detail_flyout.tsx
index a5ec5569a2..c68f0537e3 100644
--- a/public/components/application_analytics/components/flyout_components/trace_detail_flyout.tsx
+++ b/public/components/application_analytics/components/flyout_components/trace_detail_flyout.tsx
@@ -12,12 +12,19 @@ interface TraceFlyoutProps extends TraceAnalyticsComponentDeps {
   traceId: string;
   closeTraceFlyout: () => void;
   openSpanFlyout: (spanId: string) => void;
+  dataSourceMDSId: string;
 }
 
 export function TraceDetailFlyout(props: TraceFlyoutProps) {
-  const { traceId, http, closeTraceFlyout, openSpanFlyout } = props;
+  const { traceId, http, closeTraceFlyout, openSpanFlyout, dataSourceMDSId } = props;
   const renderContent = (
-    <TraceDetailRender traceId={traceId} http={http} openSpanFlyout={openSpanFlyout} mode='data_prepper'/>
+    <TraceDetailRender
+      traceId={traceId}
+      http={http}
+      openSpanFlyout={openSpanFlyout}
+      mode="data_prepper"
+      dataSourceMDSId={dataSourceMDSId}
+    />
   );
   return (
     <EuiFlyout data-test-subj="traceDetailFlyout" onClose={closeTraceFlyout} size="m">
diff --git a/public/components/application_analytics/components/flyout_components/trace_detail_render.tsx b/public/components/application_analytics/components/flyout_components/trace_detail_render.tsx
index c382b8b8a0..9e13a4ca6e 100644
--- a/public/components/application_analytics/components/flyout_components/trace_detail_render.tsx
+++ b/public/components/application_analytics/components/flyout_components/trace_detail_render.tsx
@@ -21,6 +21,7 @@ interface TraceDetailRenderProps {
   http: HttpStart;
   openSpanFlyout: (spanId: string) => void;
   mode: TraceAnalyticsMode;
+  dataSourceMDSId: string;
 }
 
 export const TraceDetailRender = ({
@@ -28,6 +29,8 @@ export const TraceDetailRender = ({
   http,
   openSpanFlyout,
   mode,
+  dataSourceMDSId,
+
 }: TraceDetailRenderProps) => {
   const [fields, setFields] = useState<any>({});
   const [serviceBreakdownData, setServiceBreakdownData] = useState([]);
@@ -74,6 +77,7 @@ export const TraceDetailRender = ({
           page="app"
           openSpanFlyout={openSpanFlyout}
           mode={mode}
+          dataSourceMDSId={dataSourceMDSId}
         />
         <EuiSpacer size="xs" />
         <EuiHorizontalRule margin="s" />