Column out of grid with tick placement on

[kirillGil13]

Hi, I'm using "apexcharts": "3.27.2" and I faced with the problem that when I'm using chart with type bar and xaxis with type category + tickPlacement: 'on', the outer columns become cropped.
Here is my config

chart: {
    parentHeightOffset: 0,
    zoom: {
      enabled: false,
    },
  },
  plotOptions: {
    bar: {
      horizontal: false,
      dataLabels: {
        position: 'top',
        hideOverflowingLabels: false,
      },
      columnWidth: '25%',
    },
  },
  dataLabels: {
    enabled: true,
    offsetY: -20,
    style: {
      fontSize: YC_CORE_TYPOGRAPHY_XS_XS.fontSize,
      fontFamily: YC_CORE_TYPOGRAPHY_XS_XS.fontFamily,
      fontWeight: 500,
      colors: [YC_CORE_COLOR_MAIN_BLACK],
    },
  },
  stroke: {
    show: false,
  },
  legend: {
    show: false,
  },
  fill: {
    opacity: 1,
  },
  series: [{name: '1', data: [20, 10]}, {name: '2', data: [10, 30]}],
  xaxis: {
    categories: [1, 2],
    tickPlacement: 'on',
    axisBorder: {
      show: false,
    },
    axisTicks: {
      height: 8,
    },
    labels: {
      style: {
        fontSize: YC_CORE_TYPOGRAPHY_XS_XS.fontSize,
        fontFamily: YC_CORE_TYPOGRAPHY_XS_XS.fontFamily,
        fontWeight: 500,
      },
      rotate: 0,
    },
  },
  yaxis: {
    labels: {
      offsetX: -16,
      style: {
        fontSize: YC_CORE_TYPOGRAPHY_XS_XS.fontSize,
        fontFamily: YC_CORE_TYPOGRAPHY_XS_XS.fontFamily,
        fontWeight: 500,
      },
    },
    max: (max) => {
      return max + 1
    },
    tickAmount: 8,
  },
  tooltip: {
    enabled: false,
  },