Rotated Chart and X-axis does not use available space

C3 version: 0.6.12
D3 version: 5.9.1
Browser: Any
OS: Any

The issue is with very long descriptions for the x-axis tick values. I chose a rotated presentation to avoid wrap. The problem is that even if I give it a left pad, it will not take width. I have tried height with the idea that rotated height becomes width. I have tried x.tick.multiline. I am unable to come up with a solution to have it assign more space to the x category labels when the chart is rotated. Here is the example set of categories.

x: {
rotated: true,
categories: ["ALL","Female","Male","Asian","Black",
"Hispanic","Two or More Races","White",
"Academically/Intellectually Gifted","Economically Disadvantaged",
"English Learners", "Students with Disabilities"],
type: "category"
}

Here is what it looks like:

Start by reproducing the rotated chart with the category list in the issue, focusing on the x-axis tick layout and available space for long labels. The issue is resolved when rotated category labels such as “Academically/Intellectually Gifted” and “Students with Disabilities” receive the intended space without wrapping or clipping.

Written by the indexing model from the issue text.