I use AntDesign table, but columns are not aligned when I make my table scrollable

<Table
  columns={columns}
  dataSource={newInvestCategoryData}
  pagination={false}
  scroll={{
       y: '300px',
       x: 'max-content',
  }}
  rowKey={'codeId'}
/>

Here’s the result:
enter image description here

I expect it’s align left like this:
enter image description here