diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 8b2419e..3ab5439 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -51,3 +51,7 @@
color: #000000;
border-bottom: 1px solid #000000;
}
+
+.html--pdp-productMain :global(.vtex-store-components-3-x-container){
+ max-width: 100%;
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index cf25548..efde6ab 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -41,7 +41,7 @@
},
"flex-layout.row#description": {
"props": {
- "width": "50%"
+ "width": "66%"
},
"children": ["product-images#description","product-description"]
},
@@ -52,10 +52,19 @@
"subject": "isProductAvailable"
}
],
- "Then": "flex-layout.row#product-main",
+ "Then": "html#product-main",
"Else": "flex-layout.row#product-availability"
}
},
+
+ "html#product-main": {
+ "props": {
+ "tag": "div",
+ "testId": "Product-Images",
+ "blockClass": "pdp-productMain"
+ },
+ "children": ["flex-layout.row#product-main"]
+ },
"flex-layout.row#product-main": {
"props": {
"colGap": 7,
@@ -111,7 +120,7 @@
"children": ["stack-layout"],
"props": {
"rowGap": 10,
- "width":"46%",
+ "width":"50%",
"blockClass": "StackLayout",
"htmlId":"teste"
}