DSD-1632: QA fix - update padding to fix focus outline

[jackiequach]

Fixes JIRA ticket DSD-1632

This PR does the following:

• Update padding to fix the focus outline around tabs. This issue is a result of changing overflow-x from visible to scroll, which causes the inner content to be clipped by the parent.

How has this been tested?

Locally on storybook

Accessibility concerns or updates

Checklist:

• I have updated the Storybook documentation accordingly.
• I have added relevant accessibility documentation for this pull request.
• All new and existing tests passed.

Front End Review:

• Review the Vercel preview deployment once it is ready.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nypl-design-system	✅ Ready (Inspect)	Visit Preview	Feb 1, 2024 9:35pm

[github-actions]

Your pull request is missing a changelog—was that intentional?

[EdwinGuzman]

Looks good. It still looks off but only in the Docs page. So let Alkim know that it's because of how Storybook displays the iframes inside the Docs page. Otherwise, in the "With Controls" tab, the issue with the first and last tabs look okay: