From 1da7537a67985ea8c8dd88a6d31e55ff682f0716 Mon Sep 17 00:00:00 2001
From: Saulo Klein Nery <saulokn@outlook.com>
Date: Fri, 10 Feb 2023 14:28:29 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20Ajusta=20descri=C3=A7=C3=A3o=20do=20prod?=
 =?UTF-8?q?uto=20mobile=20com=20largura=20m=C3=A1xima?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/css/vtex.tab-layout.css                 | 10 ++++++++++
 styles/sass/pages/product/vtex.tab-layout.scss |  9 ++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
index 5333fb8..2b47d78 100644
--- a/styles/css/vtex.tab-layout.css
+++ b/styles/css/vtex.tab-layout.css
@@ -39,6 +39,11 @@
   background-color: transparent;
   border: none;
 }
+@media only screen and (max-width: 1024px) {
+  .container--tabLayout .listContainer .listItem :global(.vtex-button) {
+    width: 100%;
+  }
+}
 .container--tabLayout .listContainer .listItem :global(.vtex-button) :global(.vtex-button__label) {
   font-weight: 400;
   font-size: 18px;
@@ -48,6 +53,11 @@
   border: none;
   padding: 0 !important;
 }
+@media only screen and (max-width: 1024px) {
+  .container--tabLayout .listContainer .listItem :global(.vtex-button) :global(.vtex-button__label) {
+    justify-content: flex-start;
+  }
+}
 @media only screen and (min-width: 1025px) {
   .container--tabLayout .listContainer .listItemActive {
     border-bottom: 2px solid #000;
diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss
index 7331a7f..312a31b 100644
--- a/styles/sass/pages/product/vtex.tab-layout.scss
+++ b/styles/sass/pages/product/vtex.tab-layout.scss
@@ -26,15 +26,22 @@
         background-color: transparent;
         border: none;
 
+        @include mq(lg, max) {
+          width: 100%;
+        }
+
         :global(.vtex-button__label) {
           font-weight: 400;
           font-size: 18px;
           line-height: 38px;
           color: $color-gray14;
           text-transform: capitalize;
-
           border: none;
           padding: 0 !important;
+
+          @include mq(lg, max) {
+            justify-content: flex-start;
+          }
         }
       }
     }