#16288·vuetify

[Bug Report][3.0.5] VBtn size as number does not affect font size

Author: mcfarljwCreated Dec 18, 2022Updated Sep 16, 2026
LabelsT: bugC: VBtnC: VRating

Environment

Vuetify Version: 3.0.5 Vue Version: 3.2.45 Browsers: Chrome 108.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

Set the size property of the v-rating component to a numeric value. For example <v-rating :size="100" />.

Expected Behavior

The size of the icons increases to match the specified size.

Actual Behavior

The padding around the icon increases but the icon does not.

Reproduction Link

https://play.vuetifyjs.com/#eNqNkMtqAyEUhl/l9GymhWac0m4aTKC7vkEXNQuZmEHwhpohJOTdozgZkpCbLvTjP+dTzv8Og2/Jj3N1vxY4RRpaL12EIOLazZmR2lkfYQderGAPK281VKm0YoaZ1poQQYcOZjl/rX6FUhb+rFfLl+qNGUqKLokSRKGd4lEkAqD9hLv8AqSVQHNpBkq8lH3uiWWn2PMoTTenZLyWSoCxh5Sm+wYIcitmDBX3nWD4jHAwHGEIL4WbyU3lgx9eCqeD8aNpzm3XPDkeR5ehDJWSk2Hj/h0/66+6wXJ+4+IApYmbBw==

Other comments

https://github.com/vuetifyjs/vuetify/issues/15746 seems to be the same issue but it doesn't seem like it was resolved by the mentioned VBtn fix https://github.com/vuetifyjs/vuetify/issues/15515.