Styling and icon fixes for cart sidebar

components/icon/ArrowLeft.tsx

@@ -0,0 +1,22 @@
+const ArrowLeft = ({ ...props }) => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M19 12H5"
+        stroke="black"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M12 19L5 12L12 5"
+        stroke="black"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  )
+}
+
+export default ArrowLeft

components/icon/Minus.tsx

@@ -0,0 +1,15 @@
+const Minus = ({ ...props }) => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M5 12H19"
+        stroke="black"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  )
+}
+
+export default Minus

components/icon/Plus.tsx

@@ -0,0 +1,22 @@
+const Plus = ({ ...props }) => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M12 5V19"
+        stroke="black"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M5 12H19"
+        stroke="black"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  )
+}
+
+export default Plus

components/icon/index.ts

@@ -2,3 +2,6 @@ export { default as Bag } from './Bag'
 export { default as Heart } from './Heart'
 export { default as Trash } from './Trash'
 export { default as Cross } from './Cross'
+export { default as ArrowLeft } from './ArrowLeft'
+export { default as Plus } from './Plus'
+export { default as Minus } from './Minus'