Reproduction link

Steps to reproduce

Try to create a Tabs component with the centered property, and then attempt to scroll horizontally.

What is expected?

We expect the horizontal scroll for navigating between tabs to work properly even when using the centered property to center the Tabs Nav List.

Here is, what I expect:

What is actually happening?

Our website uses the Antd Tabs component with the centered property to center the Tabs Nav List on our page. However, we've noticed that the horizontal scroll for navigating between tabs is not working as expected. This is likely because the centered property centers the content using justify-content: center, while the scroll to navigate between tabs is implemented using transform: translate(Xpx, Xpx). This is causing issues, since both justify-content: center and transform: translate are likely conflicting with each other.

Using margin: 0 auto instead of justify-content: center to center the Tabs Nav List can potentially resolve the issue with the scroll.