diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 5058598..61d7e2e 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -58,6 +58,7 @@
[class*="html--shelf"] {
display: flex;
justify-content: center;
+ width: 100%;
}
}
diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css
index dfbf40f..026c234 100644
--- a/styles/css/vtex.slider-layout.css
+++ b/styles/css/vtex.slider-layout.css
@@ -64,11 +64,18 @@
@media (min-width: 1921px) {
.sliderLayoutContainer--shelf {
max-width: 1840px;
+ padding: 0 !important;
}
.sliderTrackContainer--shelf {
width: 100%;
max-width: 1840px;
}
+ .sliderLeftArrow--shelf {
+ margin-left: -55px;
+ }
+ .sliderRightArrow--shelf {
+ margin-right: -55px;
+ }
}
@media (max-width: 1024px) {
.sliderTrack--shelf {
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index a844780..5dc6104 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -56,12 +56,21 @@
@media (min-width: 1921px) {
.sliderLayoutContainer--shelf {
max-width: 1840px;
+ padding: 0 !important;
}
.sliderTrackContainer--shelf {
width: 100%;
max-width: 1840px;
}
+
+ .sliderLeftArrow--shelf {
+ margin-left: -55px;
+ }
+
+ .sliderRightArrow--shelf {
+ margin-right: -55px;
+ }
}
@media (max-width: 1024px) {