Inconsistent Width of FinalDropDown Fields Compared to FinalInputField

[vasantvohra]

Currently, there is an inconsistency in the width of FinalDropDown fields compared to FinalInputField elements. When utilizing FinalDropDown fields without explicitly specifying a style, they appear to have different widths than FinalInputField elements, leading to a lack of uniformity in the user interface.

import '../../../../indico/indico/modules/events/registration/client/styles/regform.module.scss';

const widthStyle = {
  width: '500px'
}

function RepresentationFormItem({as: InputComponent, title, required, ...inputProps}) {
  return (
    <div styleName="form-item">
      <div styleName="content">
        <Form.Field required={required} styleName="field">
          {title && <label>{title}</label>}
          <InputComponent required={required} {...inputProps} style={widthStyle}/>
        </Form.Field>
      </div>
    </div>
  );
}

[ThiefMaster]

This seems to be limited to the registration form. In the Room Booking admin settings it's correct for example...

It's also correct for the SingleChoice dropdown. So I recommend checking the CSS and possibly adding the necessary styles on your side, unless it's something that's clearly a bug on our side and easy enough to fix w/o breaking the looks of the existing regform.