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) {