diff --git a/dashboard/src/components/skills/selfReport/SelfReportApprovalHistory.vue b/dashboard/src/components/skills/selfReport/SelfReportApprovalHistory.vue
index 9523e4dc2..5c798edb3 100644
--- a/dashboard/src/components/skills/selfReport/SelfReportApprovalHistory.vue
+++ b/dashboard/src/components/skills/selfReport/SelfReportApprovalHistory.vue
@@ -236,7 +236,7 @@ defineExpose( {
                 <SkillsCardHeader title="Requested points with the following justification:"></SkillsCardHeader>
               </template>
               <template #content>
-                <markdown-text class="d-inline-block" :text="slotProps.data.requestMsg" data-cy="approvalMessage"/>
+                <markdown-text class="d-inline-block" :text="slotProps.data.requestMsg" data-cy="approvalMessage" :instance-id="`${slotProps.data.id}`"/>
               </template>
             </Card>
             <Card v-else class="ml-4">
diff --git a/e2e-tests/cypress/e2e/self-report/selfReport-approvalHistory_spec.js b/e2e-tests/cypress/e2e/self-report/selfReport-approvalHistory_spec.js
index 43df32a40..0c9aee336 100644
--- a/e2e-tests/cypress/e2e/self-report/selfReport-approvalHistory_spec.js
+++ b/e2e-tests/cypress/e2e/self-report/selfReport-approvalHistory_spec.js
@@ -979,4 +979,38 @@ describe('Self Report Approval History Tests', () => {
 
     });
 
+    it('approval history - expand multiple justifications', () => {
+        cy.createSkill(1, 1, 1, { selfReportingType: 'Approval' });
+        cy.reportSkill(1, 1, 'user1', '2020-09-17 11:00', true, 'please approve request 1');
+        cy.rejectRequest();
+        cy.reportSkill(1, 1, 'user1', moment.utc(), true, 'please approve request 2');
+        cy.approveAllRequests();
+
+        cy.intercept('/admin/projects/proj1/approvals/history*')
+            .as('loadHistory');
+
+        cy.visit('/administrator/projects/proj1/self-report');
+        cy.wait('@loadHistory');
+
+        cy.get('[data-cy="expandDetailsBtn_skill1"]')
+            .should('have.length', 2)
+            .eq(0)
+            .click();
+
+        cy.get('[data-cy="expandDetailsBtn_skill1"]')
+            .should('have.length', 2)
+            .eq(1)
+            .click();
+
+        cy.get('[data-cy="approvalMessage"]')
+            .should('have.length', 2)
+            .eq(0)
+            .should('contain.text', 'please approve request 2')
+
+        cy.get('[data-cy="approvalMessage"]')
+            .should('have.length', 2)
+            .eq(1)
+            .should('contain.text', 'please approve request 1');
+    });
+
 });