diff --git a/client/src/config/financialReportsMenu.js b/client/src/config/financialReportsMenu.js
index 59a2c3e43..be445dc03 100644
--- a/client/src/config/financialReportsMenu.js
+++ b/client/src/config/financialReportsMenu.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage as T } from 'react-intl';
 
-export default [
+export const financialReportMenus = [
   {
     sectionTitle: 'Financial Accounting',
     reports: [
@@ -47,6 +47,14 @@ export default [
           'Shows the average age of unresolved issues for a project or filter. This helps you see whether your backlog is being kept up to date.',
         link: '/financial-reports/payable-aging-summary',
       },
+    ],
+  },
+];
+
+export const SalesAndPurchasesReportMenus = [
+  {
+    sectionTitle: 'Sales & Purchases',
+    reports: [
       {
         title: 'Purchases By Items',
         desc:
diff --git a/client/src/containers/FinancialStatements/FinancialReports.js b/client/src/containers/FinancialStatements/FinancialReports.js
index 1b4c1822c..19d576f51 100644
--- a/client/src/containers/FinancialStatements/FinancialReports.js
+++ b/client/src/containers/FinancialStatements/FinancialReports.js
@@ -3,7 +3,10 @@ import { Link } from 'react-router-dom';
 import { For } from 'components';
 
 import DashboardInsider from 'components/Dashboard/DashboardInsider';
-import financialReportMenus from 'config/financialReportsMenu';
+import {
+  financialReportMenus,
+  SalesAndPurchasesReportMenus,
+} from 'config/financialReportsMenu';
 
 import 'style/pages/FinancialStatements/FinancialSheets.scss';
 
@@ -38,8 +41,11 @@ export default function FinancialReports() {
     <DashboardInsider name={'financial-reports'}>
       <div class="financial-reports">
         <For render={FinancialReportsSection} of={financialReportMenus} />
+        <For
+          render={FinancialReportsSection}
+          of={SalesAndPurchasesReportMenus}
+        />
       </div>
     </DashboardInsider>
   );
 }
-