How to set boxPlot box width?

[Belozertsev-av]

Can't find a way how i can make boxBPlot box width lower. Am i missing something?

the classic width attrs don't work. Event if i pass it into plotOptions.boxPlot. I tried to set custom class, but it seems to be an svg and width attrs dont have any effect

const chartOptions: ComputedRef<ApexOptions> = computed(() => {
  return {
    chart: {
      type: "boxPlot",
      zoom: {
        enabled: false,
      },
      foreColor: colors.value.font,
      background: "none",
      animations: {
        enabled: false,
      },
    },
    theme: {
      mode: currentTheme.value,
    },
    responsive: [
      {
        breakpoint: 1030,
        options: {
          legend: {
            show: false,
          },
        },
      },
    ],
    xaxis: {
      labels: {
        show: false,
      },
      tooltip: {
        enabled: false,
      },
    },
    stroke: {
      colors: [colors.value.font],
    },
    legend: {
      show: true,
      markers: {
        strokeWidth: 0,
      },
    },
    plotOptions: {
      boxPlot: {
        colors: {
          upper: colors.value.first,
          lower: colors.value.first,
        },
      },
    },
    colors: [colors.value.first, colors.value.second],
    tooltip: {
      shared: false,
      intersect: true,
      cssClass: "apexcharts-tooltip-custom",
      custom: ({ seriesIndex, dataPointIndex, w }) => {
        const data = w.config.series[seriesIndex].data[dataPointIndex].y
        return `
          <div class="apexcharts-tooltip-custom-text md-label-large">
            ${
              seriesIndex === 0
                ? `
              <p class="apexcharts-tooltip-custom-p">${t("minimum")}: </p><p>${data[0]}</p>
              <p class="apexcharts-tooltip-custom-p">Q1: </p><p>${data[1]}</p>
              <p class="apexcharts-tooltip-custom-p">${t("median")}: </p><p>${data[2]}</p>
              <p class="apexcharts-tooltip-custom-p">Q3: </p><p>${data[3]}</p>
              <p class="apexcharts-tooltip-custom-p">${t("maximum")}: </p><p>${data[4]}</p>
            `
                : `
              <p class="apexcharts-tooltip-custom-p">${t(props.title)}: </p><p>${data} ${t(props.metric)}</p>
            `
            }
          </div>
        `
      },
    },
  }
})