ok

src/components/Item.module.css

@@ -35,8 +35,8 @@
 }
 
 .itemImage {
-  width: 139px;
-  height: 149px;
+  width: 119px;
+  height: 129px;
   border-radius: 10px;
   margin-right: 10px;
   object-fit: cover;
@@ -45,8 +45,8 @@
 
 .imageContainer {
   position: relative;
-  width: 139px;
-  height: 149px;
+  width: 119px;
+  height: 129px;
 }
 
 .overlay {
@@ -124,7 +124,7 @@
   font-weight: 600;
   width: calc(100% - 15px); /* Adjust the width to prevent overflow */
   font-size: 0.9rem;
-  margin-bottom: 35px;
+  /* margin-bottom: 35px; */
   margin-left: 5px;
   color: #d9c61c;
   background-color: transparent;
@@ -143,19 +143,19 @@
 
 .itemQty {
   display: flex;
-  align-items: end;
+  align-items: center;
   font-size: 0.9rem;
   margin-left: 5px;
   color: rgb(115, 165, 133);
   fill: rgb(115, 165, 133);
+  height: 40px;
 }
 
 .itemQtyValue {
-  margin-bottom: 8px;
   font-family: "Poppins", sans-serif;
   font-style: normal;
   font-weight: 600;
-  margin-top: 5px;
+  margin-top: 19px;
   margin-left: 5px;
   margin-right: 5px;
   width: 25px;
@@ -197,7 +197,7 @@
 .plusNegative {
   width: 35px;
   height: 35px;
-  margin-top: -10px;
+  margin: 2.5px 0 -0.5px 0px;
 }
 
 .remove {