diff --git a/public/app/features/trails/DataTrail.tsx b/public/app/features/trails/DataTrail.tsx
index 3583828cc53..6e98e2514e1 100644
--- a/public/app/features/trails/DataTrail.tsx
+++ b/public/app/features/trails/DataTrail.tsx
@@ -622,10 +622,10 @@ export class DataTrail extends SceneObjectBase<DataTrailState> implements SceneO
   }
 
   static Component = ({ model }: SceneComponentProps<DataTrail>) => {
-    const { controls, topScene, history, settings, useOtelExperience, hasOtelResources } = model.useState();
+    const { controls, topScene, history, settings, useOtelExperience, hasOtelResources, embedded } = model.useState();
 
     const chromeHeaderHeight = useChromeHeaderHeight();
-    const styles = useStyles2(getStyles, chromeHeaderHeight ?? 0);
+    const styles = useStyles2(getStyles, embedded ? 0 : (chromeHeaderHeight ?? 0));
     const showHeaderForFirstTimeUsers = getTrailStore().recent.length < 2;
 
     useEffect(() => {
diff --git a/public/app/features/trails/MetricGraphScene.tsx b/public/app/features/trails/MetricGraphScene.tsx
index 659d1aaf6c5..afdcff41341 100644
--- a/public/app/features/trails/MetricGraphScene.tsx
+++ b/public/app/features/trails/MetricGraphScene.tsx
@@ -15,7 +15,7 @@ import { useStyles2 } from '@grafana/ui';
 
 import { MetricActionBar } from './MetricScene';
 import { AutoVizPanel } from './autoQuery/components/AutoVizPanel';
-import { getTrailSettings } from './utils';
+import { getTrailFor, getTrailSettings } from './utils';
 
 export const MAIN_PANEL_MIN_HEIGHT = 280;
 export const MAIN_PANEL_MAX_HEIGHT = '40%';
@@ -37,7 +37,8 @@ export class MetricGraphScene extends SceneObjectBase<MetricGraphSceneState> {
     const { topView, selectedTab } = model.useState();
     const { stickyMainGraph } = getTrailSettings(model).useState();
     const chromeHeaderHeight = useChromeHeaderHeight();
-    const styles = useStyles2(getStyles, chromeHeaderHeight ?? 0);
+    const trail = getTrailFor(model);
+    const styles = useStyles2(getStyles, trail.state.embedded ? 0 : (chromeHeaderHeight ?? 0));
 
     return (
       <div className={styles.container}>