This looks like a CSS styling issue for the background colour of your first screenshot, but could you clarify how and where you are creating the dropdown?
Are you creating a CRED form and adding custom fields which you have previously created with Types? Or something else?
Let me know and I should be able to help you with a solution.
Your screenshots had me puzzling over what precisely the problem was for a while.
What you are seeing is the default styling for a multiline select box. It looks pretty much the same if you look at it in different browsers, and in different themes unless the theme specifically includes some alternative styling for the select box.
If you look in the markup you will see that the `<select>` statement specifies `multiple="multiple"`. That is because in WordPress users are able to select multiple taxonomy terms, and there is no way in-built way to restrict the user to selecting a single term.
If that is your intention, you have two main options.
One is to not use a taxonomy, but to add a custom field instead that uses a single select box. To return a list of matching posts you will no longer be able to use a taxonomy view but will need to create a view that filters your posts based on your custom field.
An alternative is to hack your form display by adding a JavaScript snippet to the form which removes the multiple parameter from your select tag which will cause it to render as a dropdown select.
This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.