ok

src/components/Item.js

@@ -90,7 +90,7 @@ const Item = ({
   };
 
   return (
-    <div className={`${!last ? styles.notLast : ""}`}>
+    <div className={`${!last && !forInvoice ? styles.notLast : ""}`}>
       <div className={`${styles.item} ${forInvoice ? styles.itemInvoice : ""} `}>
         {!forInvoice && (
           // <div className={styles.imageContainer}>
@@ -143,13 +143,14 @@ const Item = ({
         /> */}
           <h3 style={{
             textTransform: 'capitalize',
-            margin: '5px 0px 10px 10px',
+            margin: `${forInvoice ? '13px 0px 10px 10px' : '5px 0px 10px 10px'}`,
             fontSize: '16px',
             display: '-webkit-box',
             WebkitBoxOrient: 'vertical',
             overflow: 'hidden',
             WebkitLineClamp: 2,
-            textOverflow: 'ellipsis'
+            textOverflow: 'ellipsis',
+            width: `${forInvoice? '160px' : 'unset'}`
           }}>
             {itemName}
           </h3>