Notice how the line at the top of the chart is thinner than the lines inside the plotting area, because it lands on the edge.

How can I fix this?

I tried adding a margin property, but that adds space around the entire chart component, instead of increasing the plotting area. I don't want my points landing right on the edge of the plotting area. This is a common configuration in charting libraries.

<LineChartPro 
  width={600}
  height={300}
/>