'Select Dropbox width

Dropbox image

How can i set the width size of the dropbox?

This happens because my strings are big, but i want to force the width.

My select code:

      <Form.Group className="mb-3">
        <Form.Select
          as="select"
          onChange={(e) => {
            var arr = e.target.value.split("-");
            setCodigos({codigo: arr[0],observacoes: arr[1]});
       }}
        >
          <option value="">Código de Manutenção</option>
          {dataCodigos.map((doc) => (
            <option
              key={doc.id}
              value={`${doc.codigo} - ${doc.observacoes}`}
           
            >
              {`${doc.codigo} - ${
                doc.observacoes ? doc.observacoes : "Sem Observação"
              }`}
            </option>
            ))}
        </Form.Select>
      </Form.Group>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source