diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index f2233e8..05b62c9 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -144,17 +144,64 @@
justify-content: space-between;
color: black;
background-color: transparent;
+ border-bottom: 1px solid #bfbfbf;
+ margin-bottom: 25px;
}
[class*="listContainer"] :global(.vtex-button__label) {
- color: black;
text-transform: capitalize;
+ padding: 0;
+ margin: 0;
+}
+
+[class*="listContainer"] :global(.vtex-button__label):hover {
+ background-color: transparent;
+}
+
+[class*="listItemActive"] :global(.vtex-button) {
+ color: black !important;
+ background-color: transparent;
+ border: none;
+ border-bottom: 1px solid black;
+ border-radius: 0;
+ padding: 0;
+ margin: 0;
+}
+
+[class*="listItem"] :global(.vtex-button) {
+ color: #bfbfbf;
+ border-radius: 0;
+}
+
+[class*="listItem"] :global(.vtex-button):hover {
+ background-color: transparent;
+ border: none;
+ border-bottom: 1px solid black;
+}
+
+[class*="listItemActive"] {
+ color: black;
+}
+
+[class*="pv2"] {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+[class*="ma2"] {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+[class*="listItemActive"] :global(.vtex-button:hover) {
+ background-color: transparent;
+ border: none;
}
[class*="listContainer"] :global(.vtex-button__label:hover) {
color: black;
- text-transform: capitalize;
- background: none;
+ background-color: transparent;
+ border: none;
}
[class*="imageNormal"] {
@@ -194,7 +241,7 @@
top: 38px;
}
-[class*="vtex-input-prefix__group"] {
+[class*="newsletter"]:global(.vtex-input-prefix__group) {
border: none;
border-bottom: 1px solid white;
border-radius: 0;
diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
new file mode 100644
index 0000000..e69de29