diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 89df3a6..306ef9b 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -1,12 +1,12 @@
 [class*="html--pix"] {
   display: flex;
+  align-items: center;
+  gap: 26px;
  }
 
  [class*="html--cart-button"] {
   display: flex;
   gap: 10px;
 
- }  vtex-button{
-  background-color: black;
  }
 
diff --git a/styles/css/vtex.product-quantity.css b/styles/css/vtex.product-quantity.css
index c804fac..4c63623 100644
--- a/styles/css/vtex.product-quantity.css
+++ b/styles/css/vtex.product-quantity.css
@@ -12,4 +12,15 @@
 }
 .quantitySelectorContainer .quantitySelectorTitle {
   display: none;
+}
+.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__input) {
+  border-left: none;
+  border-right: none;
+}
+.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__minus-button) {
+  background-color: #fff;
+  color: #000;
+}
+.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__plus-button) {
+  color: #000;
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.product-quantity.scss b/styles/sass/pages/product/vtex.product-quantity.scss
index 709a4cf..c8ab155 100644
--- a/styles/sass/pages/product/vtex.product-quantity.scss
+++ b/styles/sass/pages/product/vtex.product-quantity.scss
@@ -3,6 +3,22 @@
   .quantitySelectorTitle {
     display: none;
   }
-}
+  .quantitySelectorStepper :global(.vtex-numeric-stepper__input){
+    border-left: none;
+    border-right: none;
+    }
+
+    .quantitySelectorStepper :global(.vtex-numeric-stepper__minus-button) {
+      background-color: #fff;
+      color: #000;
+    }
+
+    .quantitySelectorStepper :global(.vtex-numeric-stepper__plus-button) {
+      color: #000;
+    }
+
+
+  }
+