diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 3167fc3..61a1fdb 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -1,9 +1,26 @@
-[dataid*="product-images"] {
- margin-left: 40px;
- width: 80%;
-}
-
[class*="productImageTag--main"] {
max-width: 80.25%;
object-fit: none;
}
+
+[class*="flexRow--button-cart"] :global(.vtex-button) {
+ background-color: black;
+ border-color: black;
+ width: 97.952%;
+ height: 49px;
+}
+
+[class*="numeric-stepper__minus-button"] {
+ height: 49px;
+ position: relative;
+}
+
+[class*="numeric-stepper__input"] {
+ height: 49px;
+ position: relative;
+}
+
+[class*="numeric-stepper__plus-button"] {
+ height: 49px;
+ position: relative;
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 7863f90..82851b9 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -85,6 +85,7 @@
},
"product-images": {
"props": {
+ "width": "40%",
"contentType": "images",
"showNavigationArrows": false,
"showPaginationDots": false,
@@ -122,7 +123,6 @@
"flex-layout.row#selling-price",
"product-installments#m3-academy",
"sku-selector",
- "product-quantity",
"product-assembly-options",
"product-gifts",
"flex-layout.row#buy-button",
@@ -162,6 +162,17 @@
"marginBottom": 7,
"blockClass": "button-cart"
},
+ "children": ["product-quantity", "html#add-to-cart-button"]
+ },
+
+ "product-quantity": {
+ "props": { "width": "25%" }
+ },
+
+ "html#add-to-cart-button": {
+ "props": {
+ "testId": "add-to-cart-button"
+ },
"children": ["add-to-cart-button"]
},