Woocommerce - Related Products columns breaking

I am using GP with Elementor Pro and I noticed the 'Related Products' on the single product pages is using a css rule:

.elementor-wc-products .elementor-widget-container .woocommerce ul.products li.product {
width: auto;
}

This rule is overriding what seems to be the usual standard width %'s that Generate Press would state...and the above 'Elementor' css rule is breaking the columns in a way that related product images look oversized or maybe two fit then a third wraps to the next row.

How could I put the original GP width %'s back into play instead of the Elementor widget css rule above having specificity over the rest.