X-axis labels are misaligned

[XamzatJR]

Hi, I'm trying to add padding at the start and the end of markers and achieved that with adding x-axis min and max value but the x-axies labels are misaligned and the gap between them is not the same as between markers. I would be grateful if someone could tell me about other way to add paddings or how to fix gap between labels

Codepen