BarGroupChart : X tick label is not centered

[aesteve]

As a very minimal reproducer :

import React, {Component} from 'react';
import { BarGroupChart } from 'react-d3-basic';


export default () => {
	const data = [{age: 10, populationHere: 50, populationThere: 75}, {age: 20, populationHere: 100, populationThere: 95}, {age: 30, populationHere: 120, populationThere: 65}];
	const chartSeries = [{field: "populationHere", name: "Population Here", color: 'red'}, {field: "populationThere", name: "Population There", color: 'blue'}];
	const x = d => d.age;
	return (
		<BarGroupChart
			width={1000}
			height={200}
			x={x}
			chartSeries={chartSeries}
			xScale="ordinal"
			xLabel="Population"
			showYGrid={false}
			showXGrid={false}
			data={data} />
	);
};

As you can see on the picture above, the label is not displayed in between the two bars, but abit too much to the right.

Are you aware of that ? Is this on purpose ? Can I change this behaviour somehow ?

Thanks for your help.