D3 bar chart project (1/2 test not passing)

kindly take a look at my project in codepen with this link https://codepen.io/dareedyone/pen/QWwOayV it says: 10. The data-date attribute and its corresponding bar element should align with the corresponding value on the x-axis.
x values don’t line up with x locations : expected false to be true
AssertionError: x values don’t line up with x locations : expected false to be true
at o. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:549:14955)
at o.e (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:425:182)
at Object.e [as get] (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:92:1380)
at Function.n.isTrue (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:574:1222)
at a. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:657:204186)
at c (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:35224)
at i.p.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:35154)
at T.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:41723)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:42605
at o (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:41019)

In case you stumble on this. Use

var xMax = new Date(d3.max(yearsDate)); 
xMax.setMonth(xMax.getMonth() + 3);

And then

var xScale = d3.scaleTime() .domain([d3.min(yearsDate), xMax]) .range([0, width]);

So the xMax should be increased by 3 months.

It was from the original example. It seems a bit strange, but without it the test doesn’t pass.