diff --git a/pages/accountLists/[accountListId]/hrTools/salaryCalculator/[calculationId]/index.page.tsx b/pages/accountLists/[accountListId]/hrTools/salaryCalculator/[calculationId]/index.page.tsx
index e6013ac46c..0da2b002f2 100644
--- a/pages/accountLists/[accountListId]/hrTools/salaryCalculator/[calculationId]/index.page.tsx
+++ b/pages/accountLists/[accountListId]/hrTools/salaryCalculator/[calculationId]/index.page.tsx
@@ -55,7 +55,7 @@ const SalaryCalculatorEditInnerPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>{`${appName} | ${t('Salary Calculator')}`}</title>
+        <title>{`${appName} | ${t('HR Tools | Salary Calculation Form')}`}</title>
       </Head>
       <UserTypeAccess
         requireStaffAccount
@@ -68,7 +68,7 @@ const SalaryCalculatorEditInnerPage: React.FC = () => {
               isOpen={isNavListOpen}
               selectedId="salaryCalculator"
               onClose={handleNavListToggle}
-              navType={NavTypeEnum.Reports}
+              navType={NavTypeEnum.HrTools}
             />
           }
           leftOpen={isNavListOpen}
@@ -78,8 +78,8 @@ const SalaryCalculatorEditInnerPage: React.FC = () => {
               <MultiPageHeader
                 isNavListOpen={isNavListOpen}
                 onNavListToggle={handleNavListToggle}
-                title={t('Salary Calculator')}
-                headerType={HeaderTypeEnum.Report}
+                title={t('Salary Calculation Form')}
+                headerType={HeaderTypeEnum.HrTools}
                 rightExtra={<SalaryCalculatorSavingStatus />}
               />
               <SalaryCalculator />
diff --git a/pages/accountLists/[accountListId]/hrTools/salaryCalculator/index.page.tsx b/pages/accountLists/[accountListId]/hrTools/salaryCalculator/index.page.tsx
index 7acb3e09e8..174e1745c0 100644
--- a/pages/accountLists/[accountListId]/hrTools/salaryCalculator/index.page.tsx
+++ b/pages/accountLists/[accountListId]/hrTools/salaryCalculator/index.page.tsx
@@ -56,7 +56,7 @@ const SalaryCalculatorPage: React.FC = () => {
               <MultiPageHeader
                 isNavListOpen={isNavListOpen}
                 onNavListToggle={handleNavListToggle}
-                title={t('Salary Calculator')}
+                title={t('Salary Calculation Form')}
                 headerType={HeaderTypeEnum.HrTools}
               />
 
diff --git a/pages/accountLists/[accountListId]/hrTools/salaryCalculator/salaryCalculator.page.test.tsx b/pages/accountLists/[accountListId]/hrTools/salaryCalculator/salaryCalculator.page.test.tsx
index 3dd2ccf72b..971e1f5ca6 100644
--- a/pages/accountLists/[accountListId]/hrTools/salaryCalculator/salaryCalculator.page.test.tsx
+++ b/pages/accountLists/[accountListId]/hrTools/salaryCalculator/salaryCalculator.page.test.tsx
@@ -20,10 +20,10 @@ const TestComponent: React.FC<TestComponentProps> = ({
 
 describe('SalaryCalculatorPage', () => {
   it('renders the Salary Calculator header', async () => {
-    const { findByRole } = render(<TestComponent />);
+    const { findAllByRole } = render(<TestComponent />);
     expect(
-      await findByRole('heading', { name: /Salary Calculator/i }),
-    ).toBeInTheDocument();
+      await findAllByRole('heading', { name: /Salary Calculation Form/i }),
+    ).toHaveLength(2);
   });
 
   it('uses blockImpersonatingNonDevelopers for server-side props', () => {
@@ -44,15 +44,15 @@ describe('SalaryCalculatorPage', () => {
     });
 
     it('renders NewSalaryCalculatorLanding when shouldShowPending is false', async () => {
-      const { findByRole } = render(
+      const { findAllByRole } = render(
         <LandingTestWrapper>
           <SalaryCalculatorPage />
         </LandingTestWrapper>,
       );
 
       expect(
-        await findByRole('heading', { name: 'Salary Calculator' }),
-      ).toBeInTheDocument();
+        await findAllByRole('heading', { name: 'Salary Calculation Form' }),
+      ).toHaveLength(2);
     });
   });
 
