ok

src/components/Item.module.css

@@ -17,17 +17,21 @@
   width: 100%; /* Ensure the item does not exceed the parent's width */
   overflow: hidden; /* Prevent internal overflow */
   padding-top: 10px;
-  margin-bottom: -3px;
+  margin-bottom: 5px;
 }
+
 .item:not(.itemInvoice) {
   border-top: 2px solid #00000017;
 }
+
 .itemInvoice {
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
   font-size: 18px;
-  margin-bottom: 45px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  padding-top: 0px;
 }
 
 .itemInvoice:last-child {
@@ -78,6 +82,7 @@
   flex-direction: column;
   justify-content: space-between;
   margin-left: 10px;
+  margin-right: 10px;
   flex-grow: 1;
 }
 
@@ -94,7 +99,7 @@
   font-family: "Poppins", sans-serif;
   font-style: normal;
   width: calc(100% - 15px); /* Adjust the width to prevent overflow */
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   font-weight: 500;
   margin-top: 0;
   margin: 0 5px;
@@ -106,7 +111,7 @@
 .itemInvoiceName {
   width: calc(260% - 15px);
   background-color: transparent;
-  font-size: 1.5rem;
+  font-size: 1.3rem;
   font-weight: 500;
 }
 
@@ -200,6 +205,11 @@
   margin: 2.5px 0 -0.5px 0px;
 }
 
+.plusNegative2 {
+  width: 100px;
+  height: 35px;
+  transform: rotate(45deg);
+}
 .remove {
   width: 25px;
   height: 25px;