diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 64a2c4c..6cd9902 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -138,7 +138,7 @@ .flexRowContent--productActions .stretchChildrenWidth { width: auto !important; } -@media screen and (min-width: 768px) { +@media screen and (min-width: 769px) { .flexRowContent--productActions .stretchChildrenWidth:last-child { flex-grow: 1; } @@ -147,7 +147,7 @@ .flexRowContent--productActions { flex-direction: column; } -@media screen and (min-width: 768px) { +@media screen and (min-width: 769px) { .flexRowContent--productActions { flex-direction: row; } @@ -158,7 +158,7 @@ border: 0; border-radius: 0; } -@media screen and (min-width: 768px) { +@media screen and (min-width: 769px) { .flexRowContent--productActions :global(.vtex-button) { height: 49px; } diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index 2cb2706..9a22313 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -130,7 +130,7 @@ width: auto !important; &:last-child { - @media screen and (min-width: 768px) { + @media screen and (min-width: 769px) { flex-grow: 1; } } @@ -140,7 +140,7 @@ .flexRowContent--productActions { flex-direction: column; - @media screen and (min-width: 768px) { + @media screen and (min-width: 769px) { flex-direction: row; } @@ -150,7 +150,7 @@ border: 0; border-radius: 0; - @media screen and (min-width: 768px) { + @media screen and (min-width: 769px) { height: 49px; }