Added to cart notice layout is different when the Cart or Checkout blocks are used

[rodica-andronache]

Description

On the single product page, when you add the product in the cart you get a notice.
The layout/color of the notice looks different when the Cart/Checkout pages use either shortcodes or blocks.

Step-by-step reproduction instructions

1. Install Neve and import a starter site that uses WooCommerce ( for example Pet Shot )
2. In this case, the Cart and Checkout pages are using shortcodes ( [woocommerce_cart] and [woocommerce_checkout] ). => check the Added to cart notice on a single product page. The layout is correct
3. Change the Cart or the Checkout page, by adding the corresponding Cart of Checkout blocks. => check the Added to cart notice on a single product page. The layout is different

Screenshots, screen recording, code snippet or Help Scout ticket

https://www.loom.com/share/9f66ad6169364c89a4a96504f4795e87?sid=75108e3c-07b3-4bcd-80ae-9ef6f47a305b

https://wordpress.org/support/topic/bizarre-behavior-after-latest-theme-update-add-to-cart-notice-is-not-in-theme/

Environment info

No response

Is the issue you are reporting a regression

No

[preda-bogdan]

A note here, this was caused by WooComerce v8.5.0 update that changed the HTML structure of the notices they are using.
It should be fixed with the linked PR. For users using WooCommerce v8.4.0, everything will look as before.

[pirate-bot]

🎉 This issue has been resolved in version 3.8.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀