diff --git a/src/components/HrTools/AdditionalSalaryRequest/AdditionalSalaryRequest.test.tsx b/src/components/HrTools/AdditionalSalaryRequest/AdditionalSalaryRequest.test.tsx
index 384f68735..298f5c593 100644
--- a/src/components/HrTools/AdditionalSalaryRequest/AdditionalSalaryRequest.test.tsx
+++ b/src/components/HrTools/AdditionalSalaryRequest/AdditionalSalaryRequest.test.tsx
@@ -194,7 +194,8 @@ describe('AdditionalSalaryRequest', () => {
       />,
     );
 
-    expect(await findByText(/Request processed on:/i)).toBeInTheDocument();
+    expect(await findByText('Request processed')).toBeInTheDocument();
+    expect(await findByText('Payroll processing')).toBeInTheDocument();
     expect(
       await findByText(/Pending Additional Salary Request/i),
     ).toBeInTheDocument();
@@ -217,7 +218,8 @@ describe('AdditionalSalaryRequest', () => {
       />,
     );
 
-    expect(await findByText(/Request processed on:/i)).toBeInTheDocument();
+    expect(await findByText('Request processed')).toBeInTheDocument();
+    expect(await findByText('Request approved')).toBeInTheDocument();
     expect(
       await findByText(/Pending Additional Salary Request/i),
     ).toBeInTheDocument();
@@ -241,7 +243,7 @@ describe('AdditionalSalaryRequest', () => {
       />,
     );
 
-    expect(await findByText('Action Required:')).toBeInTheDocument();
+    expect(await findByText('Action required:')).toBeInTheDocument();
     expect(
       await findByText('Please provide additional documentation'),
     ).toBeInTheDocument();
diff --git a/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.test.ts b/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.test.ts
index 135903e2d..3e4923d98 100644
--- a/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.test.ts
+++ b/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.test.ts
@@ -43,15 +43,18 @@ describe('getDotColor', () => {
   });
 
   describe('complete step', () => {
-    it('returns success.main when status is ApprovedNotPaid or ApprovedAndPaid', () => {
-      expect(
-        getDotColor(AsrStatusEnum.ApprovedNotPaid, 'complete', false, true),
-      ).toBe('success.main');
+    it('returns success.main when status is ApprovedAndPaid', () => {
       expect(
         getDotColor(AsrStatusEnum.ApprovedAndPaid, 'complete', false, true),
       ).toBe('success.main');
     });
 
+    it('returns warning.main when status is ApprovedNotPaid', () => {
+      expect(
+        getDotColor(AsrStatusEnum.ApprovedNotPaid, 'complete', false, true),
+      ).toBe('warning.main');
+    });
+
     it('returns warning.main when status is ActionRequired', () => {
       expect(
         getDotColor(AsrStatusEnum.ActionRequired, 'complete', false, false),
diff --git a/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.ts b/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.ts
index 5c4a66461..89381693b 100644
--- a/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.ts
+++ b/src/components/HrTools/AdditionalSalaryRequest/Shared/Helper/getDotColor.ts
@@ -23,10 +23,14 @@ export const getDotColor = (
       }
     // fallthrough
     case 'complete':
-      if (isApproved) {
+      if (status === AsrStatusEnum.ApprovedAndPaid) {
         return 'success.main';
       }
-      if (status === AsrStatusEnum.ActionRequired) {
+      // Approved but payroll has not paid it yet, so the step is not done
+      if (
+        status === AsrStatusEnum.ApprovedNotPaid ||
+        status === AsrStatusEnum.ActionRequired
+      ) {
         return 'warning.main';
       }
     // fallthrough
diff --git a/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.test.tsx b/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.test.tsx
index 2b7a1d966..f231f84da 100644
--- a/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.test.tsx
+++ b/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.test.tsx
@@ -180,7 +180,7 @@ describe('CurrentRequest', () => {
 
       const { getByText } = render(<TestComponent request={pendingRequest} />);
 
-      expect(getByText('Request In Process')).toBeInTheDocument();
+      expect(getByText('Request in process')).toBeInTheDocument();
     });
   });
 
@@ -193,7 +193,7 @@ describe('CurrentRequest', () => {
       });
     });
 
-    it('displays "Request processed on:" for approved requests - approved not paid', () => {
+    it('displays "Request processed" for approved requests - approved not paid', () => {
       const approvedRequest: RequestType = {
         ...mockRequest,
         status: AsrStatusEnum.ApprovedNotPaid,
@@ -202,10 +202,10 @@ describe('CurrentRequest', () => {
 
       const { getByText } = render(<TestComponent request={approvedRequest} />);
 
-      expect(getByText('Request processed on:')).toBeInTheDocument();
+      expect(getByText('Request processed')).toBeInTheDocument();
     });
 
-    it('displays "Request processed on:" for approved requests - approved and paid', () => {
+    it('displays "Request complete" for approved requests - approved and paid', () => {
       const approvedRequest: RequestType = {
         ...mockRequest,
         status: AsrStatusEnum.ApprovedAndPaid,
@@ -214,21 +214,24 @@ describe('CurrentRequest', () => {
 
       const { getByText } = render(<TestComponent request={approvedRequest} />);
 
-      expect(getByText('Request processed on:')).toBeInTheDocument();
+      expect(getByText('Request complete')).toBeInTheDocument();
     });
 
-    it('displays "Request Complete" for approved not paid status', () => {
+    it('displays "Payroll processing" for approved not paid status', () => {
       const approvedRequest: RequestType = {
         ...mockRequest,
         status: AsrStatusEnum.ApprovedNotPaid,
       };
 
-      const { getByText } = render(<TestComponent request={approvedRequest} />);
+      const { getByText, queryByText } = render(
+        <TestComponent request={approvedRequest} />,
+      );
 
-      expect(getByText('Request Complete')).toBeInTheDocument();
+      expect(getByText('Payroll processing')).toBeInTheDocument();
+      expect(queryByText('Request complete')).not.toBeInTheDocument();
     });
 
-    it('displays "Request Complete" for approved and paid status', () => {
+    it('displays "Request complete" for approved and paid status', () => {
       const approvedRequest: RequestType = {
         ...mockRequest,
         status: AsrStatusEnum.ApprovedAndPaid,
@@ -236,12 +239,12 @@ describe('CurrentRequest', () => {
 
       const { getByText } = render(<TestComponent request={approvedRequest} />);
 
-      expect(getByText('Request Complete')).toBeInTheDocument();
+      expect(getByText('Request complete')).toBeInTheDocument();
     });
   });
 
   describe('timeline status - ActionRequired', () => {
-    it('displays "Action Required:" with feedback', () => {
+    it('displays "Changes requested on:" with feedback', () => {
       const actionRequiredRequest: RequestType = {
         ...mockRequest,
         status: AsrStatusEnum.ActionRequired,
@@ -252,7 +255,7 @@ describe('CurrentRequest', () => {
         <TestComponent request={actionRequiredRequest} />,
       );
 
-      expect(getByText('Action Required:')).toBeInTheDocument();
+      expect(getByText('Changes requested on:')).toBeInTheDocument();
       expect(
         getByText('Please provide additional documentation'),
       ).toBeInTheDocument();
@@ -269,7 +272,7 @@ describe('CurrentRequest', () => {
         <TestComponent request={actionRequiredRequest} />,
       );
 
-      expect(getByText('Request processed on:')).toBeInTheDocument();
+      expect(getByText('Action required:')).toBeInTheDocument();
     });
   });
 
diff --git a/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.tsx b/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.tsx
index 843eb9318..c829fc31f 100644
--- a/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.tsx
+++ b/src/components/HrTools/AdditionalSalaryRequest/SharedComponents/CurrentRequest.tsx
@@ -152,17 +152,21 @@ export const CurrentRequest: React.FC<CurrentRequestProps> = ({ request }) => {
               <TimelineConnector />
             </TimelineSeparator>
             <TimelineContent>
-              {isApproved || status === AsrStatusEnum.ActionRequired ? (
+              {isApproved ? (
+                <Typography sx={{ fontWeight: 'bold' }}>
+                  {t('Request processed')}
+                </Typography>
+              ) : status === AsrStatusEnum.ActionRequired ? (
                 <Typography>
                   <Box component="span" sx={{ fontWeight: 'bold' }}>
-                    {t('Request processed on:')}
+                    {t('Changes requested on:')}
                   </Box>
                   {changesRequestedAt &&
                     ` ${dateFormat(DateTime.fromISO(changesRequestedAt), locale)}`}
                 </Typography>
               ) : (
                 <Typography sx={{ fontWeight: 'bold' }}>
-                  {t('Request In Process')}
+                  {t('Request in process')}
                 </Typography>
               )}
             </TimelineContent>
@@ -190,13 +194,17 @@ export const CurrentRequest: React.FC<CurrentRequestProps> = ({ request }) => {
               {status === AsrStatusEnum.ActionRequired ? (
                 <>
                   <Typography sx={{ fontWeight: 'bold' }}>
-                    {t('Action Required:')}{' '}
+                    {t('Action required:')}{' '}
                   </Typography>
                   <Typography paragraph>{request?.feedback}</Typography>
                 </>
+              ) : status === AsrStatusEnum.ApprovedNotPaid ? (
+                <Typography sx={{ fontWeight: 'bold' }}>
+                  {t('Payroll processing')}
+                </Typography>
               ) : (
                 <Typography sx={{ fontWeight: 'bold' }}>
-                  {t('Request Complete')}
+                  {t('Request complete')}
                 </Typography>
               )}
             </TimelineContent>