Number of columns on Safari

[SiR-DanieL]

Describe the bug

With the Hand-Picked products block, on Safari it shows 3 columns for the first row instead of 4, then a row of 4 and then a row of 1.

To Reproduce
Steps to reproduce the behavior:

1. Add the Hand-Picked Products block to the page.
2. Select 8 products and set it to have 4 columns.
3. Check the page on Safari
4. See error

Expected behavior

It should show 2 rows of 4 columns each.

Screenshots

Image Link: http://d.wedj.at/p5r3cT+

WordPress (please complete the following information):

• Core version: 5.2.4
• WooCommerce version: 3.7.1
• WooCommerce Blocks version: from core
• Site language: EN
• Any other plugins installed: just official WooCommerce plugins

Desktop (please complete the following information):

• OS: MacOs
• Browser: Safari
• Version 13.0.2 (14608.2.40.1.3)

[issue-label-bot]

Issue-Label Bot is automatically applying the label type: bug to this issue, with a confidence of 0.99. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[Aljullu]

Hi @SiR-DanieL, thanks for opening the issue. From the screenshot, I think you are using Storefront as the theme, is that right? Your issue seems to be the same as this one: woocommerce/storefront#1197, which will be fixed in the next release (woocommerce/storefront#1217).

I will close this issue, but feel free to reopen it if I got it wrong and it's a different thing.