Hi,
The 3rd screenshot is related to CSS, since the whole dropdown container doesn't fit in there, there is a line-break in-between elements. If you give me a URL from your website where this problem happens, i can help you resolve it with couple lines of CSS.
but the 2nd screenshot looks weird. What is the difference between 1st and 2nd product? (and 3rd product)? Do they have different custom-field options? Fyi: The 1st add to cart is correct, add to card button on category page must look like the 1st product's.
regards.