diff --git a/react/components/Pix/style.css b/react/components/Pix/style.css index 504cfe2..8771d9f 100644 --- a/react/components/Pix/style.css +++ b/react/components/Pix/style.css @@ -16,6 +16,7 @@ } [class*="price-value"] { + margin: 0; font-weight: 700; font-size: 18px; line-height: 25px; @@ -23,6 +24,7 @@ } [class*="price-discount"] { + margin: 0; font-weight: 300; font-size: 13px; line-height: 18px; diff --git a/styles/css/vtex.product-price.css b/styles/css/vtex.product-price.css index 5cccda7..5bcbfcb 100644 --- a/styles/css/vtex.product-price.css +++ b/styles/css/vtex.product-price.css @@ -42,6 +42,8 @@ } .listPrice--summary { + display: block; + margin: 0 0 8px; font-weight: 400; font-size: 14px; line-height: 19px; @@ -76,7 +78,6 @@ } .sellingPrice--summary--hasListPrice { - margin: 8px 0; font-weight: 700; font-size: 24px; line-height: 33px; diff --git a/styles/sass/pages/product/vtex.product-price.scss b/styles/sass/pages/product/vtex.product-price.scss index 4d8a127..545104a 100644 --- a/styles/sass/pages/product/vtex.product-price.scss +++ b/styles/sass/pages/product/vtex.product-price.scss @@ -39,6 +39,8 @@ } .listPrice--summary { + display: block; + margin: 0 0 8px; font-weight: 400; font-size: 14px; line-height: 19px; @@ -76,7 +78,6 @@ } .sellingPrice--summary--hasListPrice { - margin: 8px 0; font-weight: 700; font-size: 24px; line-height: 33px;