Coupon format

src/components/MyCoupons/CouponTable.jsx

@@ -31,7 +31,7 @@ function CouponTable({coupon}) {
                         <tbody>
                         {currentCoupon.map((item, index) => (
                             <tr key={index} className='text-slate-500'>
-                                <td className="p-10">{item.added} <br /> {item.code} <br />{item.amount}</td>
+                                <td className="p-2">{item.added} <br /> {item.code} <br />{item.amount}</td>
                                 {/*<td className="p-2"></td>*/}
                                 {/*<td className="p-2"></td>*/}
                                 <td className="p-2">{item.status}</td>

src/components/MyCoupons/MyCoupons.jsx

@@ -52,7 +52,6 @@ export default function MyCoupons() {
                     {/* COUPON SECTION */}
                     <div className="lg:w-4/4 w-full mb-10 lg:mb-0">
                         <div className="wallet w-full  md:p-8 p-4 h-full max-h-[500px] bg-white dark:bg-dark-white overflow-y-auto rounded-2xl shadow">
-                            <h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Coupons</h2>
                             {couponHistory.loading ?
                                 <LoadingSpinner size='16' color='sky-blue' />
                                 :