To reproduce this, paste this into the demo: ``` React.createElement(() => { const [fruit, setFruit] = React.useState('apple'); const options = [ { label: 'Apple', value: 'apple', }, { label: 'Pear', value: 'pear', }, { label: 'Cherry', value: 'cherry', }, ]; return ( <InputGroup label="Your favourite fruit"> <SelectField label="Your favourite fruit" helpText="This breaks the layout" onChange={(e) => setFruit(e.target.value)} options={options} value={fruit} /> <TextField label="Variety" placeholder="Eg. Golden delicious" /> <Button label="Submit" /> </InputGroup> ); }) ``` Results in: <img width="827" height="157" alt="Image" src="https://github.com/user-attachments/assets/54603e9a-3ac9-4ea0-b1dd-b18bfc0f509f" />