HOW TO CHANGE PRODUCT COLUMN FROM 3 TO 4 IN SHOP PAGE

lease Help!!
I am using Acesspress Store theme free version.
I have added above code to my child theme .

/ Change number of products per row to 4
add_filter(‘storefront_loop_columns’, ‘custom_loop_columns’);
function custom_loop_columns() {
return 4; // 4 products per row
}

and now my page as came like this please see the url. https://www.hookkart.com/product-category/women/clothing/dress-material/

Please suggest how to align to 4 coloumn.

Thanks in Advance