diff --git a/assets/global.css b/assets/global.css
index f3579ae09..507d3fd82 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -1,6 +1,4 @@
@import './font.css';
-@tailwind base;
-@tailwind components;
:root {
/* Spacing variables */
@@ -190,5 +188,3 @@ body {
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
-
-@tailwind utilities;
diff --git a/assets/tailwind.css b/assets/tailwind.css
new file mode 100644
index 000000000..605a9cef0
--- /dev/null
+++ b/assets/tailwind.css
@@ -0,0 +1,2 @@
+@tailwind base;
+@tailwind components;
diff --git a/assets/utils.css b/assets/utils.css
new file mode 100644
index 000000000..65dd5f63a
--- /dev/null
+++ b/assets/utils.css
@@ -0,0 +1 @@
+@tailwind utilities;
diff --git a/components/cart/CartItem/CartItem.module.css b/components/cart/CartItem/CartItem.module.css
index b6a8858b1..17715c7dc 100644
--- a/components/cart/CartItem/CartItem.module.css
+++ b/components/cart/CartItem/CartItem.module.css
@@ -1,6 +1,6 @@
.quantity {
appearance: textfield;
- @apply w-6 border-gray-300 border mx-3 rounded text-center text-sm;
+ @apply w-8 border-gray-300 border mx-3 rounded text-center text-sm;
}
.quantity::-webkit-outer-spin-button,
diff --git a/components/cart/CartItem/CartItem.tsx b/components/cart/CartItem/CartItem.tsx
index 4b4d0f01d..94fbff5c9 100644
--- a/components/cart/CartItem/CartItem.tsx
+++ b/components/cart/CartItem/CartItem.tsx
@@ -1,4 +1,4 @@
-import { Trash } from '@components/icon'
+import { Trash, Plus, Minus } from '@components/icon'
import { useCommerce } from '@lib/bigcommerce'
import useUpdateItem from '@lib/bigcommerce/cart/use-update-item'
import useRemoveItem from '@lib/bigcommerce/cart/use-remove-item'
@@ -57,27 +57,29 @@ const CartItem = ({
}, [item.quantity])
return (
-
+
-
+
{item.name}
-
-
+
{price}