bug(COMPONENT): Vertical mat-button-toggle layout is too round and truncate content

[PowerKiKi]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

Material v2

Description

With Material v3 and vertical="true", mat-button-toggle have a layout that is too round and truncates the label and/or the check mark. This was not the case with Material v2, as shown below:

Reproduction

• Material v2 is fine: https://stackblitz.com/edit/aznks1uv-dicuhh87?file=src%2Fmain.ts
• Material v3 is broken: https://stackblitz.com/edit/aznks1uv?file=src%2Fmain.ts

Expected Behavior

I expect the vertical mode has less round broder, to be aesthetically more pleasing, but especially to never truncate content.

Actual Behavior

It is too round, aesthetically not so great looking, and truncates content.

Environment

• Angular: 19.2.1
• CDK/Material: 19.2.1
• Browser(s): Chrome 136
• Operating System (e.g. Windows, macOS, Ubuntu):