diff --git a/react/components/Html/index.tsx b/react/components/Html/index.tsx
index d60d7f5..0a215b6 100644
--- a/react/components/Html/index.tsx
+++ b/react/components/Html/index.tsx
@@ -1,5 +1,6 @@
 import React, { ReactNode } from "react";
 import { useCssHandles } from "vtex.css-handles";
+import "./styles.css"
 
 const CSS_HANDLES = ["html"] as const;
 
diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
new file mode 100644
index 0000000..23bdc01
--- /dev/null
+++ b/react/components/Html/styles.css
@@ -0,0 +1,18 @@
+/* Product Quantity and Add To Cart Button */
+
+[class*="html--cart-content"] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: 10px;
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+
+[data-testid="product-quantity"]{
+  height: 49px;
+}
+
+[data-testid="add-to-cart-button"]{
+  width: 100%;
+}