import makeStyles from '@mui/styles/makeStyles';

const fixChartsClasses = makeStyles(() => ({
  root: {
    '& [class*=recharts-wrapper]': {
      '&:before': {
        content: "''",
        position: 'absolute',
        left: "55px",
        height: 7,
        width: `calc(100% - 55px)`,
        backgroundColor: 'white'
      },
      '& [class*=recharts-cartesian-grid-horizontal]': {
        '& line': {
          '&:last-child': {
            strokeOpacity: 0
          }
        }
      }
    }
  }
}));

export { fixChartsClasses };