Avoid axis label bottom cut-off

New To Observable
1

I have changed the axis font size (bcs I think that default is way too small) but now my x axis label get cut off at the bottom (note the g in “percentage”):

plot5
plot5649×476 11.2 KB

This is my code:

    const plot = Plot.plot({
      title: props.title,
      y: {
        grid: true,
        label: props.yLabel,
      },
      x: {
        label: props.xLabel,
      },
      marks: [
        Plot.axisX({ fontSize: 16 }),
        Plot.axisY({ fontSize: 16 }),
        Plot.ruleY([0]),
        Plot.barY(data, {
          x: 'x',
          y: 'y',
          fill: 'rgb(160, 72, 253)', // Interior color
        }),
      ],
      marginBottom: 40,
    });