In mobile version, theme is designed to show there icon only to consume only less area. Regarding gaps, you can use following CSS to reduce the gaps in the both sides of the screen.
@media only screen and (max-width:479px) {
.widget.best_commerce_widget_products_tabbed .products-tab-container,
.widget.best_commerce_widget_products_carousel .best-commerce-woocommerce-wrapper,
.grid-item-col-3 .grid-item, .grid-item-col-4
.grid-item, .grid-item-col-5
.grid-item,.best_commerce_widget_products_grid .grid-item-col-4 .product{
max-width: 330px!important;
}
}