diff --git a/client/src/containers/Customers/CustomerForm.js b/client/src/containers/Customers/CustomerForm.js
index ed38b29aa..8c0d5ac62 100644
--- a/client/src/containers/Customers/CustomerForm.js
+++ b/client/src/containers/Customers/CustomerForm.js
@@ -250,7 +250,7 @@ function CustomerForm({
             </div>
 
             <div className={classNames(CLASSES.PAGE_FORM_TABS)}>
-              <CustomersTabs customerId={customerId} />
+              <CustomersTabs customer={customerId} />
             </div>
 
             <CustomerFloatingActions
diff --git a/client/src/containers/Customers/CustomersTabs.js b/client/src/containers/Customers/CustomersTabs.js
index 15a6331bf..034945f6a 100644
--- a/client/src/containers/Customers/CustomersTabs.js
+++ b/client/src/containers/Customers/CustomersTabs.js
@@ -6,16 +6,9 @@ import CustomerAttachmentTabs from './CustomerAttachmentTabs';
 import CustomerFinancialPanel from './CustomerFinancialPanel';
 import CustomerNotePanel from './CustomerNotePanel';
 
-export default function CustomersTabs({
-  setFieldValue,
-  getFieldProps,
-  errors,
-  values,
-  touched,
-  customerId,
-}) {
+export default function CustomersTabs({ customer }) {
   const { formatMessage } = useIntl();
- 
+
   return (
     <div>
       <Tabs
@@ -27,7 +20,7 @@ export default function CustomersTabs({
         <Tab
           id={'financial'}
           title={formatMessage({ id: 'financial_details' })}
-          panel={<CustomerFinancialPanel />}
+          panel={<CustomerFinancialPanel customerId={customer} />}
         />
         <Tab
           id={'address'}
diff --git a/client/src/containers/Customers/withCustomerDetail.js b/client/src/containers/Customers/withCustomerDetail.js
index 755c2fc1a..bd7cc8a65 100644
--- a/client/src/containers/Customers/withCustomerDetail.js
+++ b/client/src/containers/Customers/withCustomerDetail.js
@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
 import { getCustomerById } from 'store/customers/customers.reducer';
 
 const mapStateToProps = (state, props) => ({
-  customerDetail: getCustomerById(state, props.customerId),
+  customer: getCustomerById(state, props.customerId),
 });
 
 export default connect(mapStateToProps);