diff --git a/app/assets/javascripts/mr_notes/init_notes.js b/app/assets/javascripts/mr_notes/init_notes.js
index ff194d1a171610864bccd64f988ea0c455d8088a..d85fd10be458b34fd7a64d617049d13f97304306 100644
--- a/app/assets/javascripts/mr_notes/init_notes.js
+++ b/app/assets/javascripts/mr_notes/init_notes.js
@@ -58,6 +58,8 @@ export default () => {
     created() {
       this.setActiveTab(window.mrTabs.getCurrentAction());
       this.setEndpoints(this.endpoints);
+
+      this.fetchMrMetadata();
     },
     mounted() {
       this.notesCountBadge = $('.issuable-details').find('.notes-tab .badge');
@@ -69,7 +71,7 @@ export default () => {
       window.mrTabs.eventHub.$off('MergeRequestTabChange', this.setActiveTab);
     },
     methods: {
-      ...mapActions(['setActiveTab', 'setEndpoints']),
+      ...mapActions(['setActiveTab', 'setEndpoints', 'fetchMrMetadata']),
       updateDiscussionTabCounter() {
         this.notesCountBadge.text(this.discussionTabCounter);
       },
diff --git a/app/assets/javascripts/mr_notes/stores/actions.js b/app/assets/javascripts/mr_notes/stores/actions.js
index d1874dcb214abc52b52779df5c7fdd145675a014..bc66d1dd68fb8d9afd1cc2f08fb93eff135ba3a0 100644
--- a/app/assets/javascripts/mr_notes/stores/actions.js
+++ b/app/assets/javascripts/mr_notes/stores/actions.js
@@ -1,3 +1,5 @@
+import axios from '~/lib/utils/axios_utils';
+
 import types from './mutation_types';
 
 export function setActiveTab({ commit }, tab) {
@@ -7,3 +9,24 @@ export function setActiveTab({ commit }, tab) {
 export function setEndpoints({ commit }, endpoints) {
   commit(types.SET_ENDPOINTS, endpoints);
 }
+
+export function setMrMetadata({ commit }, metadata) {
+  commit(types.SET_MR_METADATA, metadata);
+}
+
+export function fetchMrMetadata({ dispatch, state }) {
+  if (state.endpoints?.metadata) {
+    axios
+      .get(state.endpoints.metadata)
+      .then((response) => {
+        dispatch('setMrMetadata', response.data);
+      })
+      .catch(() => {
+        // https://gitlab.com/gitlab-org/gitlab/-/issues/324740
+        // We can't even do a simple console warning here because
+        // the pipeline will fail. However, the issue above will
+        // eventually handle errors appropriately.
+        // console.warn('Failed to load MR Metadata for the Overview tab.');
+      });
+  }
+}
diff --git a/app/assets/javascripts/mr_notes/stores/modules/index.js b/app/assets/javascripts/mr_notes/stores/modules/index.js
index 6e228c62a72e59cd4fc1ac91394007cbf9ea21e5..52e12ba664c73bed5f7cea485d341436b2e3ce74 100644
--- a/app/assets/javascripts/mr_notes/stores/modules/index.js
+++ b/app/assets/javascripts/mr_notes/stores/modules/index.js
@@ -6,6 +6,7 @@ export default () => ({
   state: {
     endpoints: {},
     activeTab: null,
+    mrMetadata: {},
   },
   actions,
   getters,
diff --git a/app/assets/javascripts/mr_notes/stores/mutation_types.js b/app/assets/javascripts/mr_notes/stores/mutation_types.js
index 67fa63f882d68e97a3fdd3d969b1fa846e691308..88cf6e48988b5efdd8390c585df8376643cc29ca 100644
--- a/app/assets/javascripts/mr_notes/stores/mutation_types.js
+++ b/app/assets/javascripts/mr_notes/stores/mutation_types.js
@@ -1,4 +1,5 @@
 export default {
   SET_ACTIVE_TAB: 'SET_ACTIVE_TAB',
   SET_ENDPOINTS: 'SET_ENDPOINTS',
+  SET_MR_METADATA: 'SET_MR_METADATA',
 };
diff --git a/app/assets/javascripts/mr_notes/stores/mutations.js b/app/assets/javascripts/mr_notes/stores/mutations.js
index 3843103f4d01b74bc67f738239795a37f9e758b9..6af6adb4e188c053967d1b011cd2f2a60c4c191c 100644
--- a/app/assets/javascripts/mr_notes/stores/mutations.js
+++ b/app/assets/javascripts/mr_notes/stores/mutations.js
@@ -7,4 +7,7 @@ export default {
   [types.SET_ENDPOINTS](state, endpoints) {
     Object.assign(state, { endpoints });
   },
+  [types.SET_MR_METADATA](state, metadata) {
+    Object.assign(state, { mrMetadata: metadata });
+  },
 };
diff --git a/spec/frontend/mr_notes/stores/actions_spec.js b/spec/frontend/mr_notes/stores/actions_spec.js
index dbceedface1277382d2d0d48ea09b39d5cb3324f..c6578453d853e8ce5926babb62058983e7d9ec2f 100644
--- a/spec/frontend/mr_notes/stores/actions_spec.js
+++ b/spec/frontend/mr_notes/stores/actions_spec.js
@@ -1,5 +1,9 @@
+import MockAdapter from 'axios-mock-adapter';
+
 import testAction from 'helpers/vuex_action_helper';
-import { setEndpoints } from '~/mr_notes/stores/actions';
+import axios from '~/lib/utils/axios_utils';
+
+import { setEndpoints, setMrMetadata, fetchMrMetadata } from '~/mr_notes/stores/actions';
 import mutationTypes from '~/mr_notes/stores/mutation_types';
 
 describe('MR Notes Mutator Actions', () => {
@@ -22,4 +26,67 @@ describe('MR Notes Mutator Actions', () => {
       );
     });
   });
+
+  describe('setMrMetadata', () => {
+    it('should trigger the SET_MR_METADATA state mutation', async () => {
+      const mrMetadata = { propA: 'a', propB: 'b' };
+
+      await testAction(
+        setMrMetadata,
+        mrMetadata,
+        {},
+        [
+          {
+            type: mutationTypes.SET_MR_METADATA,
+            payload: mrMetadata,
+          },
+        ],
+        [],
+      );
+    });
+  });
+
+  describe('fetchMrMetadata', () => {
+    const mrMetadata = { meta: true, data: 'foo' };
+    const state = {
+      endpoints: {
+        metadata: 'metadata',
+      },
+    };
+    let mock;
+
+    beforeEach(() => {
+      mock = new MockAdapter(axios);
+
+      mock.onGet(state.endpoints.metadata).reply(200, mrMetadata);
+    });
+
+    afterEach(() => {
+      mock.restore();
+    });
+
+    it('should fetch the data from the API', async () => {
+      await fetchMrMetadata({ state, dispatch: () => {} });
+
+      await axios.waitForAll();
+
+      expect(mock.history.get).toHaveLength(1);
+      expect(mock.history.get[0].url).toBe(state.endpoints.metadata);
+    });
+
+    it('should set the fetched data into state', () => {
+      return testAction(
+        fetchMrMetadata,
+        {},
+        state,
+        [],
+        [
+          {
+            type: 'setMrMetadata',
+            payload: mrMetadata,
+          },
+        ],
+      );
+    });
+  });
 });
diff --git a/spec/frontend/mr_notes/stores/mutations_spec.js b/spec/frontend/mr_notes/stores/mutations_spec.js
index 422db3d5a3805eb4c4c8f28c495425afa1a49f32..35b8a2e4be284471aa1735ae080ae908a8ea847b 100644
--- a/spec/frontend/mr_notes/stores/mutations_spec.js
+++ b/spec/frontend/mr_notes/stores/mutations_spec.js
@@ -12,4 +12,16 @@ describe('MR Notes Mutations', () => {
       expect(state.endpoints).toEqual(endpoints);
     });
   });
+
+  describe(mutationTypes.SET_MR_METADATA, () => {
+    it('store the provided MR Metadata in the state', () => {
+      const state = {};
+      const metadata = { propA: 'A', propB: 'B' };
+
+      mutations[mutationTypes.SET_MR_METADATA](state, metadata);
+
+      expect(state.mrMetadata.propA).toBe('A');
+      expect(state.mrMetadata.propB).toBe('B');
+    });
+  });
 });