diff --git a/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/focused_trace_waterfall_embeddable.tsx b/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/focused_trace_waterfall_embeddable.tsx
index 9a2cced00dc14..dba9eca786744 100644
--- a/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/focused_trace_waterfall_embeddable.tsx
+++ b/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/focused_trace_waterfall_embeddable.tsx
@@ -4,7 +4,7 @@
  * 2.0; you may not use this file except in compliance with the Elastic License
  * 2.0.
  */
-import { EuiText } from '@elastic/eui';
+import { EuiCallOut } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
 import { FocusedTraceWaterfall } from '../../components/shared/focused_trace_waterfall';
@@ -35,12 +35,14 @@ export function FocusedTraceWaterfallEmbeddable({
 
   if (data === undefined) {
     return (
-      <EuiText>
-        {i18n.translate(
-          'xpack.apm.focusedTraceWaterfallEmbeddable.traceWaterfallCouldNotTextLabel',
-          { defaultMessage: 'Trace waterfall could not be loaded' }
-        )}
-      </EuiText>
+      <EuiCallOut
+        data-test-subj="FocusedTraceWaterfallEmbeddableNoData"
+        color="danger"
+        size="s"
+        title={i18n.translate('xpack.apm.focusedTraceWaterfallEmbeddable.noDataCalloutLabel', {
+          defaultMessage: 'Trace waterfall could not be loaded.',
+        })}
+      />
     );
   }
 
diff --git a/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/trace_waterfall_embeddable.tsx b/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/trace_waterfall_embeddable.tsx
index d3ec0ec1f1d81..507292597d18c 100644
--- a/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/trace_waterfall_embeddable.tsx
+++ b/x-pack/solutions/observability/plugins/apm/public/embeddable/trace_waterfall/trace_waterfall_embeddable.tsx
@@ -6,13 +6,15 @@
  */
 import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
 import React from 'react';
-import { WaterfallLegends } from '../../components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_legends';
+import { EuiCallOut } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
 import { isPending, useFetcher } from '../../hooks/use_fetcher';
 import { Loading } from './loading';
 import type { ApmTraceWaterfallEmbeddableEntryProps } from './react_embeddable_factory';
 import { TraceWaterfall } from '../../components/shared/trace_waterfall';
 import { getServiceLegends } from '../../components/shared/trace_waterfall/use_trace_waterfall';
 import { WaterfallLegendType } from '../../components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/waterfall_helpers/waterfall_helpers';
+import { WaterfallLegends } from '../../components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_legends';
 
 export function TraceWaterfallEmbeddable({
   serviceName,
@@ -43,6 +45,19 @@ export function TraceWaterfallEmbeddable({
     return <Loading />;
   }
 
+  if (data === undefined) {
+    return (
+      <EuiCallOut
+        data-test-subj="TraceWaterfallEmbeddableNoData"
+        color="danger"
+        size="s"
+        title={i18n.translate('xpack.apm.traceWaterfallEmbeddable.noDataCalloutLabel', {
+          defaultMessage: 'Trace waterfall could not be loaded.',
+        })}
+      />
+    );
+  }
+
   return (
     <EuiFlexGroup direction="column">
       <EuiFlexItem>