ITADN

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

#22868Closedsarojpoudel14 创建于 2026-05-21
T: bughas workaroundC: VAvatar
S
sarojpoudel14commented
### 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](https://play.vuetifyjs.com/#eNqlVV1v2zYU/Suc+iAZsCUPSRHMiLsUQ4cN2MOwFn2J8kBbV7Y6itRIyq0X+L/v8EOynARDgBqgLN17eO+5H7y8f0yatlPaLlre5V+MkskqeSwlY2VUmDJZMS9xskNP7rtM9tZ2ZlUU20piW0WiOehcki1k1xZ3gBW6l7ZpaVGp9u4qf5tfXRdVY+xUnpNpFxutvhrSsFIm84mfAsID6YUmWZEm/Vq/T7Zd+H6i+1//tqmPr/AZkXfX+TK/CV6iaCH4xjgX3rSzfCrlKZknopF/myfJ3hqf6PuBwHf59MacpYfg0Oht8b7rcoDg8dZS2wlu6Z2D3B4WvOv8q//YKml5I0lHUUAcuOV6EDC2URoJXJeJ2AVH4adVj8RWz+QHrhsuLeRWSS6mqq0SyhnqdNNyjYSfVcYeBUH1r1Ltil2dVSMzz60BY+YegLZVs9j0u4XqLZKMVmXFOYxiiGMIFoLLaD3EJ+O2mCQpZrAFMLcGGQwngz2yrSZAkFp2YrVWLUuR4rSUIyCWZVTnQ6HOILd7UMYinZWQGbJ9B0kpQdZYBoJsffacYc1KCWkOfd3sctJa6d+4rARpIImt3yHN0ihBQZcRNoQtvaEsMhplLapos/QN3lMIY/SeRghfU6sO9NGV5xPfZcD8Cf6NoZwLkd0LxatfkddsNmfu/XfnPJs9eAd1L7e2QcUujbBsFoZMiNFCsmaV2vYtSZv/05M+fiRBWwv26Zuh2e2eMEh8n5g9kXV0GWtqlv0ACzP4sL2GU+YM5h3HubcfBPbAZvD/y74RVebAOCkX/Bxzz85bZtleUx05BrNM0lcWA88yTcjvgeZQfgHNmUt6nJohJHfopzGFAkY2WerUgT7zUPATgKeT4CZKRwZa9zeR8qr6cIC1PzAQCD0NqwgidZw8uan551jfGh7sAwjYke5GVcccHYHJmTkDXn96MWuu9mM9Y64us5mlw3irgTX5TqmdIN41GF2qLTC+fq5524jj+i+1UVatflwu51dY11hvsW6wflouXcKe+/f99loCL98jmCOe2t1N/s3Rwdm3hBkmKjLNTrppY/IW4wC6SCIek9iaL86Jz0+GwXkUlJK+eWjolWFqDMc8bsx8QL7pxyu5opr3wn4KQrTRbm/TeI0VhS+S/4o4M24sCvb5vR+HU1Gc1LDkJ/XZUjTjnq7qyWmehIsVcftrKJnXXBi6vGwGWQwomT+Or6u47fTwH+9t4DA=)] (updated) ### Images ![https://cdn.cosmicjs.com/930c3570-550e-11f1-b4f4-33fc8c47930c-Screenshot-From-2026-05-21-17-58-58.png](https://cdn.cosmicjs.com/930c3570-550e-11f1-b4f4-33fc8c47930c-Screenshot-From-2026-05-21-17-58-58.png) <img width="284" height="81" alt="Image" src="https://github.com/user-attachments/assets/58210ae7-fd9f-43cc-a589-c071111a43ba" /> <!-- generated by vuetify-issue-helper. DO NOT REMOVE -->
关闭于 16 天前 3 条评论