diff --git a/app/assets/javascripts/work_items/components/work_item_detail.vue b/app/assets/javascripts/work_items/components/work_item_detail.vue
index 0f1af44e8a10c59ca7be81dfb2bda72cdf0082bc..f20ca1ce69a249bb28d21bf875afbb8b392ac6a0 100644
--- a/app/assets/javascripts/work_items/components/work_item_detail.vue
+++ b/app/assets/javascripts/work_items/components/work_item_detail.vue
@@ -279,7 +279,7 @@ export default {
       // Once more types are moved to have Work Items involved
       // we need to handle this properly.
       if (this.parentWorkItemType === WORK_ITEM_TYPE_VALUE_ISSUE) {
-        return `../../issues/${this.parentWorkItem?.iid}`;
+        return `../../-/issues/${this.parentWorkItem?.iid}`;
       }
       return this.parentWorkItem?.webUrl;
     },
diff --git a/spec/frontend/work_items/components/work_item_detail_spec.js b/spec/frontend/work_items/components/work_item_detail_spec.js
index 557ae07969e7c23d71202aeda63f28a6909f2fe2..1b6ea8186bd0f3e513ac194e6296a9e3236df00b 100644
--- a/spec/frontend/work_items/components/work_item_detail_spec.js
+++ b/spec/frontend/work_items/components/work_item_detail_spec.js
@@ -437,7 +437,7 @@ describe('WorkItemDetail component', () => {
       });
 
       it('sets the parent breadcrumb URL pointing to issue page when parent type is `Issue`', () => {
-        expect(findParentButton().attributes().href).toBe('../../issues/5');
+        expect(findParentButton().attributes().href).toBe('../../-/issues/5');
       });
 
       it('sets the parent breadcrumb URL based on parent webUrl when parent type is not `Issue`', async () => {