Woocommerce Products Widget

Hi,

I am using page builder in my home page (Vantage) with a woocommerce products widget, showing the products randomly.

The problem is that the products sometimes appear on a completely random grid format with blank space in between.
ex : https://www.dropbox.com/s/00xwr7cxqdnp2xl/woo.png?dl=0

Could you please help to have them systematically in nice rows by 3 ?

For your information, I had issues displaying horizontally and used this code to solve it :

/* WooCommerce Product Widget */
.entry-content ul.product_list_widget {
list-style: none;
margin-left: 0;
}  
.product_list_widget li {
box-sizing: border-box;
float: left;
margin-bottom: 35px;
padding: 0 5%;
width: 22.3%;
}
.product_list_widget li a span {
display: block;
}
/* WooCommerce Products Widget */
.widget .product_list_widget li {
width: 31% !important;
}

Thanks,
Paul