fix: update CSS selector for tabs to work outside of media kit

[laurelfulford]

The Tabs block was added to the Ads plugin as part of the Media Kit.

This PR changes a selector in the Media Kit styles, to make sure the tabs block looks ok outside of the Media Kit patterns.

Steps to test

1. Add a tabs block to a regular post or page, and publish.
2. Note the appearance on the front-end -- it doesn't match the editor:

4. Apply this PR and run npm run build.
5. Confirm that the tabs block matches in the editor and on the front-end:

[dkoo]

Looking better, but I notice there's a display bug when adding a new tab header. The header text is duplicated:

[laurelfulford]

Thanks @dkoo! I noticed that, too, but I honestly wasn't sure if it was intentional 😂

I've fixed the alignment -- can you please retest it as is, and inside of a group block with a background? The padding added to the tabs block in that situation caused the label to be pushed too far right as well, and this should now fix both!

[github-actions]

Hey @laurelfulford, good job getting this PR merged! 🎉

Now, the needs-changelog label has been added to it.

Please check if this PR needs to be included in the "Upcoming Changes" and "Release Notes" doc. If it doesn't, simply remove the label.

If it does, please add an entry to our shared document, with screenshots and testing instructions if applicable, then remove the label.

Thank you! ❤️

[matticbot]

🎉 This PR is included in version 3.2.3-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[matticbot]

🎉 This PR is included in version 3.3.2-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[matticbot]

🎉 This PR is included in version 3.3.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀