vuetifyjs / vuetifyjs/vuetify

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

Open
#16,288 4 comments 1 reaction 2 assignees View on GitHub

@KaelWD is already working on this.

Since Aug 21, 2026.

C: VBtn C: VRating T: bug
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.