diff --git a/client/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.js b/client/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.js
index d70519dd5..7ee8f97b9 100644
--- a/client/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.js
+++ b/client/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.js
@@ -69,9 +69,9 @@ function CustomersBalanceSummaryActionsBar({
           icon={<Icon icon="cog-16" iconSize={16} />}
           text={
             isFilterDrawerOpen ? (
-              <T id={'customize_report'} />
-            ) : (
               <T id={'hide_customizer'} />
+            ) : (
+              <T id={'customize_report'} />
             )
           }
           onClick={handleFilterToggleClick}
diff --git a/client/src/containers/FinancialStatements/CustomersTransactions/CustomersTranscationsActionsBar.js b/client/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsActionsBar.js
similarity index 93%
rename from client/src/containers/FinancialStatements/CustomersTransactions/CustomersTranscationsActionsBar.js
rename to client/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsActionsBar.js
index 53954b6c7..3c8ec4f73 100644
--- a/client/src/containers/FinancialStatements/CustomersTransactions/CustomersTranscationsActionsBar.js
+++ b/client/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsActionsBar.js
@@ -15,16 +15,16 @@ import Icon from 'components/Icon';
 import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 import NumberFormatDropdown from 'components/NumberFormatDropdown';
 
-import { useCustomersTranscationsContext } from './CustomersTranscationsProvider';
+import { useCustomersTransactionsContext } from './CustomersTransactionsProvider';
 import withCustomersTransactions from './withCustomersTransactions';
 import withCustomersTransactionsActions from './withCustomersTransactionsActions';
 
 import { compose, saveInvoke } from 'utils';
 
 /**
- * Customers transcations actions bar.
+ * Customers transactions actions bar.
  */
-function CustomersTranscationsActionsBar({
+function CustomersTransactionsActionsBar({
   // #ownProps
   numberFormat,
   onNumberFormatSubmit,
@@ -38,7 +38,7 @@ function CustomersTranscationsActionsBar({
   const {
     isCustomersTransactionsLoading,
     CustomersTransactionsRefetch,
-  } = useCustomersTranscationsContext();
+  } = useCustomersTransactionsContext();
 
   // Handle filter toggle click.
   const handleFilterToggleClick = () => {
@@ -70,9 +70,9 @@ function CustomersTranscationsActionsBar({
           icon={<Icon icon="cog-16" iconSize={16} />}
           text={
             isFilterDrawerOpen ? (
-              <T id={'customize_report'} />
-            ) : (
               <T id={'hide_customizer'} />
+            ) : (
+              <T id={'customize_report'} />
             )
           }
           onClick={handleFilterToggleClick}
@@ -132,4 +132,4 @@ export default compose(
     isFilterDrawerOpen: customersTransactionsDrawerFilter,
   })),
   withCustomersTransactionsActions,
-)(CustomersTranscationsActionsBar);
+)(CustomersTransactionsActionsBar);
diff --git a/client/src/containers/FinancialStatements/CustomersTransactions/CustomersTranscationsProvider.js b/client/src/containers/FinancialStatements/CustomersTransactions/CustomersTranscationsProvider.js
deleted file mode 100644
index 69dbb24b2..000000000
--- a/client/src/containers/FinancialStatements/CustomersTransactions/CustomersTranscationsProvider.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React, { createContext, useContext, useMemo } from 'react';
-import FinancialReportPage from '../FinancialReportPage';
-import { useCustomersTranscationsReport } from 'hooks/query';
-import { transformFilterFormToQuery } from '../common';
-
-const CustomersTranscationsContext = createContext();
-
-/**
- * Customers transcations provider.
- */
-function CustomersTranscationsProvider({ filter, ...props }) {
-  const query = useMemo(() => transformFilterFormToQuery(filter), [
-    filter,
-  ]);
-
-  // fetches the customers transcations.
-  const {
-    data: customersTransactions,
-    isFetching: isCustomersTransactionsFetching,
-    isLoading: isCustomersTransactionsLoading,
-    refetch: CustomersTransactionsRefetch,
-  } = useCustomersTranscationsReport(query, { keepPreviousData: true });
-
-  const provider = {
-    customersTransactions,
-    isCustomersTransactionsFetching,
-    isCustomersTransactionsLoading,
-    CustomersTransactionsRefetch,
-    filter,
-    query
-  };
-
-  return (
-    <FinancialReportPage name={'customer-transactions'}>
-      <CustomersTranscationsContext.Provider value={provider} {...props} />
-    </FinancialReportPage>
-  );
-}
-const useCustomersTranscationsContext = () =>
-  useContext(CustomersTranscationsContext);
-
-export { CustomersTranscationsProvider, useCustomersTranscationsContext };
diff --git a/client/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.js b/client/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.js
index 92b4a2dfc..115585ec3 100644
--- a/client/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.js
+++ b/client/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.js
@@ -15,14 +15,14 @@ import Icon from 'components/Icon';
 import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 import NumberFormatDropdown from 'components/NumberFormatDropdown';
 
-import { useVendorsTranscationsContext } from './VendorsTransactionsProvider';
+import { useVendorsTransactionsContext } from './VendorsTransactionsProvider';
 import withVendorsTransaction from './withVendorsTransaction';
 import withVendorsTransactionsActions from './withVendorsTransactionsActions';
 
 import { compose, saveInvoke } from 'utils';
 
 /**
- * vendors transcations actions bar.
+ * vendors transactions actions bar.
  */
 function VendorsTransactionsActionsBar({
   // #ownProps
@@ -38,7 +38,7 @@ function VendorsTransactionsActionsBar({
   const {
     isVendorsTransactionsLoading,
     refetch,
-  } = useVendorsTranscationsContext();
+  } = useVendorsTransactionsContext();
 
   // Handle filter toggle click.
   const handleFilterToggleClick = () => {
@@ -70,9 +70,9 @@ function VendorsTransactionsActionsBar({
           icon={<Icon icon="cog-16" iconSize={16} />}
           text={
             isFilterDrawerOpen ? (
-              <T id={'customize_report'} />
-            ) : (
               <T id={'hide_customizer'} />
+            ) : (
+              <T id={'customize_report'} />
             )
           }
           onClick={handleFilterToggleClick}