woocommerece, product category shortcut output are slanted.

in my page,
I only inserted this into my page

[product_category category="controllers" per_page="12" columns="4" orderby="date" order="desc"]

nothing else but when I go into my page which is
cinegears
All my products are showing slanted instead of in a nice row.

I didn’t do any settings just that shortcode. Can someone give me a hand?

Edit:
I tried few different shortcodes and found out that if the item is displayed more than one row, starting from the second row, everything looks good it`s the first row that is messed up.

this are the shortcodes tried now…

[recent_products per_page="12" columns="4"]
[product_category category="controllers" per_page="12" columns="4" orderby="date" order="desc"]
[product_category category="follow-focus-kit" per_page="12" columns="4" orderby="date" order="desc"]