fix: control report drawer header.

src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeader.js

@@ -3,6 +3,7 @@ import moment from 'moment';
 import { Formik, Form } from 'formik';
 import * as R from 'ramda';
 import { Tabs, Tab, Button, Intent } from '@blueprintjs/core';
+import styled from 'styled-components';
 
 import { FormattedMessage as T } from 'components';
 import FinancialStatementHeader from 'containers/FinancialStatements/FinancialStatementHeader';
@@ -52,8 +53,8 @@ function ProfitLossHeader({
     toggleFilterDrawer(false);
   };
 
-  return ( 
-    <FinancialStatementHeader
+  return (
+    <ProfitLossSheetHeader
       isOpen={profitLossDrawerFilter}
       drawerProps={{ onClose: handleDrawerClose }}
     >
@@ -86,7 +87,7 @@ function ProfitLossHeader({
           </div>
         </Form>
       </Formik>
-    </FinancialStatementHeader>
+    </ProfitLossSheetHeader>
   );
 }
 
@@ -96,3 +97,9 @@ export default R.compose(
   })),
   withProfitLossActions,
 )(ProfitLossHeader);
+
+const ProfitLossSheetHeader = styled(FinancialStatementHeader)`
+  .bp3-drawer {
+    max-height: 520px;
+  }
+`;