[Bug]: sp-tab label tab focus is slightly clipped on the edge when it is used within sp-tabs-overflow
Code of conduct
- [X] I agree to follow this project's code of conduct.
Impacted component(s)
sp-tabs-overflow, sp-tabs
Expected behavior
Component should properly adjust space for tab focus rectangle when it is used within sp-tabs-component
Actual behavior
Tab focus is slightly clipped on the left most tab item. Tabs focus top and bottom is slight clipped for sp-tabs compact mode
Screenshots

What browsers are you seeing the problem in?
No response
How can we reproduce this issue?
- Go to https://studio.webcomponents.dev/edit/g3mUl64601goXICOit6P/src/index.ts?p=stories
- Tab through the tabs examples
- Observe the top tabs compact mode and bottom regular mode
Sample code that illustrates the problem
No response
Logs taken while reproducing problem
No response
@pfulton @jnjosh FYI this was brought up again.
@najikahalsema / @pfulton I'd like to contribute to this one getting fixed, any discussions around it that I should be aware of?
@najikahalsema / @pfulton I'd like to contribute to this one getting fixed, any discussions around it that I should be aware of?
@Rocss Not to my knowledge. Let me check with the teams and I'll get back to you!
@pfulton Would you like to take this up or else we can add a contribution here! Let us know!
We have this work tracked in our backlog and prioritize it there. If you need additional public-facing updates, please don't hesitate to reach out!