WooCommerce Error Icon Display Inconsistency in Product Description with neve Theme

[kushh23]

Description

When adding a short product description or a product description with thewoocommerce-errorclass applied, an exclamation mark (!) icon appears before the custom descriptions. However, this icon is not visible when the page is viewed in mobile mode, causing padding inconsistencies in the product description text. This behavior is not present when using the default WordPress theme, where no exclamation mark is displayed at all.

Step-by-step reproduction instructions

1. Add a short product description or product description to a WooCommerce product and include the woocommerce-error class within the description content.
2. Visit the product page on a desktop view.
3. Observe that an exclamation mark icon appears at the beginning of the description.
4. Switch to a mobile view or use responsive design mode.
5. Observe that the exclamation mark icon disappears in mobile view, causing a padding issue around the description text.

Screenshots, screen recording, code snippet or Help Scout ticket

Reported here - https://wordpress.org/support/topic/theme-css-error-on-mobile

Woocomerce product edit page:

On Desktop:

On Mobile view:

Environment info

No response

Is the issue you are reporting a regression

No

[girishpanchal30]

I've reviewed this issue and fixed it here - #4321

[kushh23]

@girishpanchal30 I tested the Pr build, and it solved the issue. Thank you!