Barchart x/yAxis label/unit not displaying?

Using the following snippet:

<BarChart data={initialData} >
   <XAxis dataKey="name" label="Devices"/>
   <YAxis unit="MB"/>
   <CartesianGrid strokeDasharray="3 3"/>
   <Tooltip/>
   <Legend />
   <Bar dataKey="used" stackId="a" fill="#8884d8" unit=" MB" />
   <Bar dataKey="available" stackId="a" fill="#82ca9d" unit=" MB" />
</BarChart>

label on the XAxis is not rendering and neither is unit on the YAxis. Am I doing something wrong? The following is an example render:

[muhgumus]

<XAxis dataKey=“name” tick={<CustomizedAxisTick />} interval={0} />

set interval={0}

[kenhoff]

Was able to make some progress by setting <BarChart margin={{top: 20, right: 80, bottom: 20, left: 20}}>, similar to how the ComposedChartWithAxisLabels does it above. Def not ideal, but at least it’s a start.

might also be able to just set some css:

.recharts-surface {
    overflow: visible;
}