FormGroup classes applied to wrong element

[jer-0]

classes in FormGroup component is being applied to wrong element causing it to have no effect.

code:

<FormGroup inline={true} check={true}>
	<Input
		id="r1"
		type="radio"
		bind:group={mode}
		value="create"
		label="Create"
	/>
	<Input
		id="r2"
		type="radio"
		bind:group={mode}
		value="update"
		label="Update"
	/>
</FormGroup>

dom:

as you can see, .form-check-inline class should be on child .form-check div

bootstrap docs ref: https://getbootstrap.com/docs/5.3/forms/checks-radios/#inline

workaround:

<FormCheck inline={true} type={'radio'} name={"mode"} label={'Create'} value={'create'} />
<FormCheck inline={true} type={'radio'} name={"mode"} label={'Update'} value={'update'} />

Thanks