fix: balance sheet.

src/containers/FinancialStatements/BalanceSheet/BalanceSheet.js

@@ -9,7 +9,6 @@ import DashboardPageContent from 'components/Dashboard/DashboardPageContent';
 import BalanceSheetActionsBar from './BalanceSheetActionsBar';
 import { BalanceSheetProvider } from './BalanceSheetProvider';
 import { BalanceSheetBody } from './BalanceSheetBody';
-import { FinancialReportBody } from '../FinancialReportPage';
 
 import withBalanceSheetActions from './withBalanceSheetActions';
 
@@ -70,9 +69,7 @@ function BalanceSheet({
             pageFilter={filter}
             onSubmitFilter={handleFilterSubmit}
           />
-          <FinancialReportBody>
-            <BalanceSheetBody />
-          </FinancialReportBody>
+          <BalanceSheetBody />
         </FinancialStatement>
       </DashboardPageContent>
     </BalanceSheetProvider>

src/containers/FinancialStatements/BalanceSheet/BalanceSheetBody.js

@@ -1,7 +1,9 @@
 import React from 'react';
 
 import BalanceSheetTable from './BalanceSheetTable';
-import withCurrentOrganization from '../../../containers/Organization/withCurrentOrganization';
+import { FinancialReportBody } from '../FinancialReportPage';
+
+import withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
 import { useBalanceSheetContext } from './BalanceSheetProvider';
 
 import { compose } from 'utils';
@@ -16,10 +18,14 @@ function BalanceSheetBodyJSX({
 }) {
   const { isLoading } = useBalanceSheetContext();
 
-  return isLoading ? (
-    'loading'
-  ) : (
-    <BalanceSheetTable companyName={organizationName} />
+  return (
+    <FinancialReportBody>
+      {isLoading ? (
+        'loading'
+      ) : (
+        <BalanceSheetTable companyName={organizationName} />
+      )}
+    </FinancialReportBody>
   );
 }