diff --git a/app/assets/javascripts/boards/components/modal/footer.vue b/app/assets/javascripts/boards/components/modal/footer.vue
index a1d634c8f19..eea0fb71c1a 100644
--- a/app/assets/javascripts/boards/components/modal/footer.vue
+++ b/app/assets/javascripts/boards/components/modal/footer.vue
@@ -41,7 +41,7 @@ export default {
       const req = this.buildUpdateRequest(list);
 
       // Post the data to the backend
-      gl.boardService.bulkUpdate(issueIds, req).catch(() => {
+      boardsStore.bulkUpdate(issueIds, req).catch(() => {
         Flash(__('Failed to update issues, please try again.'));
 
         selectedIssues.forEach(issue => {
diff --git a/changelogs/unreleased/fe-delete-old-boardservice-on-component-modal-footer.yml b/changelogs/unreleased/fe-delete-old-boardservice-on-component-modal-footer.yml
new file mode 100644
index 00000000000..4392b72443b
--- /dev/null
+++ b/changelogs/unreleased/fe-delete-old-boardservice-on-component-modal-footer.yml
@@ -0,0 +1,6 @@
+---
+title: change the use of boardService in favor of boardsStore on footer for the board
+  component
+merge_request: 30616
+author: eduarmreyes
+type: other