diff --git a/x-pack/plugins/apm/public/plugin.ts b/x-pack/plugins/apm/public/plugin.ts
index 34a15a82738020..d24cb29eaf24f9 100644
--- a/x-pack/plugins/apm/public/plugin.ts
+++ b/x-pack/plugins/apm/public/plugin.ts
@@ -6,7 +6,7 @@
 
 import { i18n } from '@kbn/i18n';
 import { lazy } from 'react';
-import { euiThemeVars } from '@kbn/ui-shared-deps/theme';
+import { euiThemeVars as theme } from '@kbn/ui-shared-deps/theme';
 import { ConfigSchema } from '.';
 import { ObservabilityPluginSetup } from '../../observability/public';
 import {
@@ -82,7 +82,7 @@ export class ApmPlugin implements Plugin<ApmPluginSetup, ApmPluginStart> {
       plugins.observability.dashboard.register({
         appName: 'apm',
         fetchData: async (params) => {
-          return fetchLandingPageData(params, { theme: euiThemeVars });
+          return fetchLandingPageData(params, { theme });
         },
         hasData,
       });