diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 87194e8..0131dd6 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -24,3 +24,7 @@
[class*="html--productDescription"] {
padding: 0 40px;
}
+
+[class*="html--descriptionText"] {
+ width: 100%;
+}
diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css
index eb4c5eb..1668279 100644
--- a/styles/css/vtex.rich-text.css
+++ b/styles/css/vtex.rich-text.css
@@ -13,4 +13,10 @@
font-weight: 400;
font-size: 24px;
line-height: 38px;
+}
+
+@media (max-width: 1024px) {
+ .headingLevel1--shelfTitleText {
+ margin-top: 32px;
+ }
}
\ No newline at end of file
diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
index d8dbad8..102cf7d 100644
--- a/styles/css/vtex.tab-layout.css
+++ b/styles/css/vtex.tab-layout.css
@@ -54,4 +54,26 @@
border-bottom: 2px solid #000000;
border-radius: 0;
text-transform: capitalize;
+}
+
+@media (max-width: 1024px) {
+ .listContainer {
+ flex-direction: column;
+ border-top: 1px solid #bfbfbf;
+ }
+ .listItem :global(.vtex-button) {
+ display: flex;
+ width: 100%;
+ }
+ .listItem :global(.vtex-button__label) {
+ padding: 0;
+ }
+ .listItemActive :global(.vtex-button) {
+ border: none;
+ }
+ .contentItem {
+ flex-direction: column;
+ margin-top: 15px;
+ gap: 16px;
+ }
}
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss
index c025edb..49f1389 100644
--- a/styles/sass/pages/product/vtex.rich-text.scss
+++ b/styles/sass/pages/product/vtex.rich-text.scss
@@ -4,3 +4,9 @@
font-size: 24px;
line-height: 38px;
}
+
+@media (max-width: 1024px) {
+ .headingLevel1--shelfTitleText {
+ margin-top: 32px;
+ }
+}
diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss
index 24a8c41..4014da8 100644
--- a/styles/sass/pages/product/vtex.tab-layout.scss
+++ b/styles/sass/pages/product/vtex.tab-layout.scss
@@ -45,3 +45,29 @@
border-radius: 0;
text-transform: capitalize;
}
+
+@media (max-width: 1024px) {
+ .listContainer {
+ flex-direction: column;
+ border-top: 1px solid $color-gray10;
+ }
+
+ .listItem :global(.vtex-button) {
+ display: flex;
+ width: 100%;
+ }
+
+ .listItem :global(.vtex-button__label) {
+ padding: 0;
+ }
+
+ .listItemActive :global(.vtex-button) {
+ border: none;
+ }
+
+ .contentItem {
+ flex-direction: column;
+ margin-top: 15px;
+ gap: 16px;
+ }
+}