[material-ui][Checkbox] Asterisk placement aligned correctly (#39721)

axelbostrom · mj12albert · web-flow · commit 6a05585ae323 · 2023-11-08T16:49:09.000+08:00
Signed-off-by: Axel Boström &lt;56017794+axelbostrom@users.noreply.github.com&gt;
Co-authored-by: Albert Yu &lt;albert@albertyu.co&gt;
diff --git a/packages/mui-material/src/FormControlLabel/FormControlLabel.js b/packages/mui-material/src/FormControlLabel/FormControlLabel.js
@@ -166,7 +166,7 @@ const FormControlLabel = React.forwardRef(function FormControlLabel(inProps, ref
     >
       {React.cloneElement(control, controlProps)}
       {required ? (
-        <Stack direction="row" alignItems="center">
+        <Stack display="block">
           {label}
           <AsteriskComponent ownerState={ownerState} aria-hidden className={classes.asterisk}>
             &thinsp;{'*'}

Original file line number	Diff line number	Diff line change
`@@ -166,7 +166,7 @@ const FormControlLabel = React.forwardRef(function FormControlLabel(inProps, ref`
`166`	`166`	`>`
`167`	`167`	`{React.cloneElement(control, controlProps)}`
`168`	`168`	`{required ? (`
`169`		`- <Stack direction="row" alignItems="center">`
	`169`	`+ <Stack display="block">`
`170`	`170`	`{label}`
`171`	`171`	`<AsteriskComponent ownerState={ownerState} aria-hidden className={classes.asterisk}>`
`172`	`172`	` {'*'}`