Reproduction link

Steps to reproduce
- Visit sandbox link
- hover on any y-axis line
- once the active dot appears, the cursor line will overlap with the active dot
What is expected?
Cursor line should not overlap with the active dot.
What is actually happening?
Cursor line is overlapping with the active dot
| Environment |
Info |
| Recharts |
v2.5.0 |
| React |
18.2.0 |
| System |
Mac os 13.0 |
| Browser |
Chrome 112.0.5615.137 |
Although this can be achieved by changing the order how tooltip is rendered, but I would like to view the whole cursor line. If I keep the tooltip at top and then render the chart, the cursor line is partially visible, the rest portion is overlapped by the chart
Reproduction link
Steps to reproduce
What is expected?
Cursor line should not overlap with the active dot.
What is actually happening?
Cursor line is overlapping with the active dot
Although this can be achieved by changing the order how tooltip is rendered, but I would like to view the whole cursor line. If I keep the tooltip at top and then render the chart, the cursor line is partially visible, the rest portion is overlapped by the chart