Features Widget – icon not centered

using siteOrigin to manage all pages and blog posts
Tyring to update my HOME page

when I verify the preview thru the SIteOrigin builder everything is fine
the icon is centered in the circle in all 3 options (computer, ipad, and mobile)
but when I preview the home page from my mobile Icon results decentered (Top Left)

I clicked on the help in the siteOrigin
builderhttps://siteorigin.com/widgets-bundle/features-widget-documentation/

then I searched the SiteOrigin help and found
Adding CSS

Features Widget – Center Alignment

.left .sow-features-list .sow-features-feature {
text-align: center !important;
}

it didn’t change anything

then I tried

Features Widget – Responsive customization

then I tried

Site Origin Features Widget image tiling

/* Features Widget */

.sow-icon-image {
background-position: center;
background-repeat: no-repeat;
}

none of these work…