SiteOrigin Widget and WooCommerce Text/Icon Alignment Issue

Hello

I recently added WooCommerce to my site (I run Hestia Pro) and I’m having a CSS issue when a Product is placed in a SiteOrigin-based page.

I’ve attached screenshots of a product rendered in a SO text widget with woo-shortcode, and you can see the price text and shopping cart icon are not aligned. Another screenshot shows a WooCommerce-generated page and the text/icon are properly aligned.

Image 1-7-19 at 5.41 PM.jpgImage 1-7-19 at 5.46 PM.jpg

Here’s some code from the theme’s style.css:

.page:not(.woocommerce-page) .blog-post .section-text p {
margin: 0 0 15px;
}

If I comment-out the margin call with /* …*/, the alignment issue goes away inside the SO widget.

Strangely, though, if I comment-out the code using the theme’s Customizer Additional CSS, it’s ignored. The only way the SO widget accepts the CSS is if I modify the theme’s style.css directly. This leads me to assume site-origin is overriding things.

I have setup a test page here: http://groundedroasterie.com/shoptest/ where you can see things and view the page source.

Thoughts?
Maury