diff --git a/plugins/woocommerce-blocks/assets/css/style.scss b/plugins/woocommerce-blocks/assets/css/style.scss
index 5f6942bd230..1b8eb39dfb5 100644
--- a/plugins/woocommerce-blocks/assets/css/style.scss
+++ b/plugins/woocommerce-blocks/assets/css/style.scss
@@ -22,7 +22,8 @@
 
 	img {
 		height: auto;
-		width: 100%;
+		width: auto;
+		max-width: 100%;
 
 		&[hidden] {
 			display: none;
diff --git a/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js b/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js
index 9c855eec24c..223012cf50b 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js
@@ -2,7 +2,7 @@
  * The default layout built from the default template.
  */
 export const DEFAULT_PRODUCT_LIST_LAYOUT = [
-	[ 'woocommerce/product-image' ],
+	[ 'woocommerce/product-image', { imageSizing: 'cropped' } ],
 	[ 'woocommerce/product-title' ],
 	[ 'woocommerce/product-price' ],
 	[ 'woocommerce/product-rating' ],