[bug]: Title: First Tab in TabsList Not Fully Visible or Gets Cut Off

[vipulchaube]

Describe the bug

When using the Tabs component from @shadcn/ui, the first tab (TabsTrigger) inside TabsList is either not fully visible, gets cut off, or does not render correctly. This issue occurs when using both dynamically mapped and hardcoded TabsTrigger components.

Affected component/components

tabs

How to reproduce

Tab One Tab Two Tab Three Tab four Tab five Tab six Tab seven Tab eight Tab nine

Content for Tab One
Content for Tab Two
Content for Tab Three

Expected Behavior: The first tab ("Tab One") should be fully visible.

Codesandbox/StackBlitz link

No response

Logs

System Info

Browser: Chrome / Firefox 
 "@radix-ui/react-tabs": "^1.1.3",

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues