diff --git a/x-pack/plugins/apm/public/components/app/Home/index.tsx b/x-pack/plugins/apm/public/components/app/Home/index.tsx
index c6c0861c26a34..b2f15dbb11341 100644
--- a/x-pack/plugins/apm/public/components/app/Home/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/Home/index.tsx
@@ -84,7 +84,7 @@ interface Props {
 
 export function Home({ tab }: Props) {
   const { config, core } = useApmPluginContext();
-  const isMLEnabled = !!core.application.capabilities.ml;
+  const canAccessML = !!core.application.capabilities.ml?.canAccessML;
   const homeTabs = getHomeTabs(config);
   const selectedTab = homeTabs.find(
     (homeTab) => homeTab.name === tab
@@ -106,7 +106,7 @@ export function Home({ tab }: Props) {
               </EuiButtonEmpty>
             </SettingsLink>
           </EuiFlexItem>
-          {isMLEnabled && (
+          {canAccessML && (
             <EuiFlexItem grow={false}>
               <AnomalyDetectionSetupLink />
             </EuiFlexItem>
diff --git a/x-pack/plugins/apm/public/components/app/Settings/index.tsx b/x-pack/plugins/apm/public/components/app/Settings/index.tsx
index b93cb35de519c..dadb18a455464 100644
--- a/x-pack/plugins/apm/public/components/app/Settings/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/Settings/index.tsx
@@ -20,7 +20,7 @@ import { useApmPluginContext } from '../../../hooks/useApmPluginContext';
 
 export const Settings: React.FC = (props) => {
   const plugin = useApmPluginContext();
-  const isMLEnabled = !!plugin.core.application.capabilities.ml;
+  const canAccessML = !!plugin.core.application.capabilities.ml?.canAccessML;
   const { search, pathname } = useLocation();
   return (
     <>
@@ -51,7 +51,7 @@ export const Settings: React.FC = (props) => {
                       '/settings/agent-configuration'
                     ),
                   },
-                  ...(isMLEnabled
+                  ...(canAccessML
                     ? [
                         {
                           name: i18n.translate(