Closed
Description
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
No response
Description
I'm currently using a button-override with an outlined-container-shape set to 8px. It appears that the border-radius of the outline is smaller than that of the state's opacity layer. This is causing a white space to appear in the corners of the button, between the outline and the opacity layer.

Reproduction
StackBlitz link: I'm having trouble with the "Installing dependencies" step
Steps to reproduce:
- angular cli 19.0.7
- ng new any-name
- ng add @angular/material (blue theme, sass)
- Add some mat-stroked-button
- html { @include mat.button-overrides((outlined-container-shape: 8px)); }
Expected Behavior
The opacity layer should fully cover the hole within the outline, in the hover, active and pressed states.
Actual Behavior
the opacity layer is smaller, leaving visible white gaps.
Environment
- Angular: 19.0.6
- CDK/Material: 19.0.5
- Browser(s): chrome /safari
- Operating System (e.g. Windows, macOS, Ubuntu): macOS