How to change the width of a bottom-left legend

Hello,
I would like to change the size of my legend cause after using a position inset with bottom-left my legend doesn't have the same space between element:
`legend: {
position: 'inset',
padding: 10,
inset: {
anchor: 'bottom-left',
x: -5,
y: -50 - (20 * (this.selectedData.length - 2)),
step: 1
},
item: {
onmouseover: (id) => this.mouseOverLegendItem(id),
onmouseout: (id) => this.mouseOutLegendItem(id),
onclick: (id) => this.onmouseClickLegendItem(id)
}
},
bar: {
width: 30
},`
How can i fix it please ? Cause when i change the bar width nothing happen
I'm newbi on c3 sorry :(

* **C3 version**:"^0.6.13",
* **D3 version**: "^5.9.1"
* **Browser**:
* **OS**: