bug(mat-checkbox): does not follow material design guide

[smil-thakur]

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

in the above image you can see the checkbox get intended to right because it aligns itself from touch-target 48x48 to make it align with the text we have to apply negative margin to it which is not a good practice

On the official website of m3 design (https://m3.material.io/components/checkbox/accessibility) the checkbox inner box is aligned with the title,

so can you clear out the confusion that which is correct, if our material alignment is correct can we have reason for it and if m3 doc is correct can we look into this bug

Reproduction

https://material.angular.io/components/checkbox/overview

Expected Behavior

it should be aligned with the title or with the flow of the page, the box inside should be align with edge of the page

Actual Behavior

checkbox get intended to right because it aligns itself from touch-target 48x48

Environment

• Angular: 19
• CDK/Material: 19
• Browser: chrome
• Operating System: windows