diff --git a/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js b/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js
index b5842e479ba11..31ac00c1f79db 100644
--- a/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js
+++ b/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js
@@ -223,6 +223,7 @@ class AnnotationsTableUI extends Component {
   openSingleMetricView = async (annotation = {}) => {
     const {
       services: {
+        chrome: { recentlyAccessed },
         application: { navigateToUrl },
         share,
       },
@@ -307,7 +308,12 @@ class AnnotationsTableUI extends Component {
       { absolute: true }
     );
 
-    addItemToRecentlyAccessed('timeseriesexplorer', job.job_id, singleMetricViewerLink);
+    addItemToRecentlyAccessed(
+      'timeseriesexplorer',
+      job.job_id,
+      singleMetricViewerLink,
+      recentlyAccessed
+    );
     await navigateToUrl(singleMetricViewerLink);
   };
 
diff --git a/x-pack/plugins/ml/public/application/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js b/x-pack/plugins/ml/public/application/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
index 976ea8bc9968b..5f1cbb1c76ca0 100644
--- a/x-pack/plugins/ml/public/application/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
+++ b/x-pack/plugins/ml/public/application/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
@@ -89,6 +89,7 @@ export class ForecastsTable extends Component {
   async openSingleMetricView(forecast) {
     const {
       services: {
+        chrome: { recentlyAccessed },
         application: { navigateToUrl },
         share,
       },
@@ -156,7 +157,8 @@ export class ForecastsTable extends Component {
     addItemToRecentlyAccessed(
       'timeseriesexplorer',
       this.props.job.job_id,
-      singleMetricViewerForecastLink
+      singleMetricViewerForecastLink,
+      recentlyAccessed
     );
     await navigateToUrl(singleMetricViewerForecastLink);
   }
diff --git a/x-pack/test/functional/apps/ml/anomaly_detection_jobs/job_expanded_details.ts b/x-pack/test/functional/apps/ml/anomaly_detection_jobs/job_expanded_details.ts
index c1c8eee13ba22..e48ca875bb1f2 100644
--- a/x-pack/test/functional/apps/ml/anomaly_detection_jobs/job_expanded_details.ts
+++ b/x-pack/test/functional/apps/ml/anomaly_detection_jobs/job_expanded_details.ts
@@ -83,11 +83,21 @@ export default function ({ getService }: FtrProviderContext) {
       await ml.jobExpandedDetails.assertJobRowCalendars(jobId, [calendarId]);
     });
 
-    it('expanded row with forecast should display open forecast button', async () => {
-      await ml.jobExpandedDetails.assertForecastElements(jobId);
+    it('expanded row with forecast should navigate to Single Metric Viewer on button click', async () => {
+      await ml.jobExpandedDetails.openForecastJob(jobId);
+    });
+
+    it('expanded row with annotations should navigate to Single Metric Viewer on button click', async () => {
+      await ml.navigation.navigateToJobManagement();
+
+      const annotationsFromApi = await ml.api.getAnnotations(jobId);
+
+      await ml.jobExpandedDetails.openAnnotationInSingleMetricViewer(jobId, annotationsFromApi);
     });
 
     it('expanded row with annotations can be edited', async () => {
+      await ml.navigation.navigateToJobManagement();
+
       const annotationsFromApi = await ml.api.getAnnotations(jobId);
 
       await ml.jobExpandedDetails.editAnnotation(jobId, 'edited annotation', annotationsFromApi);
diff --git a/x-pack/test/functional/services/ml/job_expanded_details.ts b/x-pack/test/functional/services/ml/job_expanded_details.ts
index 44e8cb9c09bfd..d9c82d72eabc4 100644
--- a/x-pack/test/functional/services/ml/job_expanded_details.ts
+++ b/x-pack/test/functional/services/ml/job_expanded_details.ts
@@ -46,12 +46,11 @@ export function MachineLearningJobExpandedDetailsProvider(
       });
     },
 
-    async assertForecastElements(jobId: string): Promise<void> {
+    async openForecastJob(jobId: string): Promise<void> {
       await jobTable.ensureDetailsOpen(jobId);
       await this.openForecastTab(jobId);
-      await testSubjects.existOrFail('mlJobListForecastTabOpenSingleMetricViewButton', {
-        timeout: 5_000,
-      });
+      await testSubjects.click('mlJobListForecastTabOpenSingleMetricViewButton', 5000);
+      await testSubjects.existOrFail('mlSingleMetricViewerChart');
     },
 
     async clearSearchButton() {
@@ -61,16 +60,36 @@ export function MachineLearningJobExpandedDetailsProvider(
       }
     },
 
+    async assertAnnotationsFromApi(annotationsFromApi: any) {
+      const length = annotationsFromApi.length;
+      expect(length).to.eql(
+        1,
+        `Expect annotations from api to have length of 1, but got [${length}]`
+      );
+    },
+
+    async openAnnotationInSingleMetricViewer(
+      jobId: string,
+      annotationsFromApi: any
+    ): Promise<void> {
+      await this.assertAnnotationsFromApi(annotationsFromApi);
+
+      const { _id: annotationId }: { _id: string } = annotationsFromApi[0];
+
+      await jobTable.ensureDetailsOpen(jobId);
+      await jobTable.openAnnotationsTab(jobId);
+      await this.clearSearchButton();
+      await jobAnnotationsTable.ensureAnnotationsActionsMenuOpen(annotationId);
+      await testSubjects.click('mlAnnotationsActionOpenInSingleMetricViewer');
+      await testSubjects.existOrFail('mlSingleMetricViewerChart');
+    },
+
     async editAnnotation(
       jobId: string,
       newAnnotationText: string,
       annotationsFromApi: any
     ): Promise<void> {
-      const length = annotationsFromApi.length;
-      expect(length).to.eql(
-        1,
-        `Expect annotions from api to have length of 1, but got [${length}]`
-      );
+      await this.assertAnnotationsFromApi(annotationsFromApi);
 
       await jobTable.ensureDetailsOpen(jobId);
       await jobTable.openAnnotationsTab(jobId);