[Bug Report][4.0.7] VAvatar with tonal variant has the wrong bg color border-radius

[sarojpoudel14]

Environment

Vuetify Version: 4.0.7
Vue Version: 3.5.34
OS: Linux undefined (current)

Steps to reproduce

1. Add v-list-item
2. use prepend slot
3. add v-avatar with border, rounded and and variant="tonal"

Expected Behavior

Proper border radius of the avatar's background color with border ( no gap between the bg color and border)

Actual Behavior

Cuurent their is a gap between the border and background color

Reproduction Link

[Vuetify Playground]

Images

[sarojpoudel14]

@J-Sek updated the issue description

[J-Sek]

Oh.. thanks, I see it now - quick demo with forced zoom. The radius is not correct when using border. I think it would not hurt to drop it

.v-avatar--variant-tonal .v-avatar__underlay { border-radius: 0 }

[J-Sek]

Quick lookup for similar cases reveals VBtn, VChip, VCard and VAlert (in addition to VAvatar). The VBtn is problematic, because it does not have overflow: hidden like the others.

Anyway, curious if it is even possible for the end users to spot this. I had to force very big zoom to make it visible on VPlay - not a realistic scenario. How did you stumble upon this issue?