[Bug Report][3.7.6] "Tabs in v-dialog with scrollable content become obscured when scrollbar appears"

[AntonLugtenburg]

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Windows 10

Steps to reproduce

Create a basic Vuetify project with a v-dialog component.
Add a v-card inside the dialog with the following structure:
A v-tabs component at the top of the card.
A long text content in v-card-text to trigger the scrollbar.

Expected Behavior

The v-tabs should remain fully visible at the top of the dialog, regardless of the scrollbar or content length.

Actual Behavior

The v-tabs component becomes obscured as the content length increases and a scrollbar appears.

Reproduction Link

https://play.vuetifyjs.com/#...

[MatthewAry]

Hey there, I modified your reproduction. when you make a VDialog with a VCard scrollable, some built-in styles are applied that don't play nice with what you're trying to do, but fortunately there's a workaround as shown in my modified reproduction.

Happy coding!