diff --git a/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss b/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss index 524c47155d3..9f3d404d053 100644 --- a/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss +++ b/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss @@ -4,6 +4,7 @@ &__product-card { padding: $large-gap; border-radius: $grid-unit-05 !important; + margin-bottom: 0; /* When product card is loading, contents will be empty and we render skeleton loader wireframes: */ &.is-loading { @@ -243,7 +244,7 @@ } &.woocommerce-marketplace__product-card--theme { - padding: 0 0 $medium-gap; + padding: 0 0 $large-gap; overflow: hidden; .woocommerce-marketplace__product-card__content { @@ -265,10 +266,10 @@ right: 0; } .woocommerce-marketplace__product-card__header { - padding-left: $medium-gap; + padding: 0 $large-gap; } .woocommerce-marketplace__product-card__footer { - padding: 0 $medium-gap; + padding: 0 $large-gap; } .woocommerce-marketplace__product-card__price { margin-right: $medium-gap; @@ -313,7 +314,7 @@ display: flex; flex-direction: column; gap: $small-gap; - padding: 16px 24px; + padding: $large-gap; height: 100%; } diff --git a/plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding b/plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding new file mode 100644 index 00000000000..1f91bb228e1 --- /dev/null +++ b/plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding @@ -0,0 +1,4 @@ +Significance: patch +Type: tweak + +Update product card content padding to 24px and add 0 margin bottom to product cards \ No newline at end of file