Recharts Charts Stacking Issue

I’m using Recharts, the React charting library. My app contains a header that is fixed and at the top, and all the other content just flow under it when I scroll down.

However, the charts I created with recharts are flowing on top of the header.

I’ve tried increasing the z-index of the header and reducing the z-index of the charts, but none of these approaches are working. I’ve also tried using isolate, it’s not working either.