src/components/home/HomeCom.jsx

@@ -59,7 +59,7 @@ export default function HomeCom() {
               Object.values(dashData?.request_summary).map((item, index) => {
                 return (
                   <div key={index} className='flex items-center gap-2'>
-                    <div className='w-10 h-10 bg-white-body dark:bg-black-box dark:shadow-[0_0_0_1px_#f9f9f9] rounded-md flex justify-center items-center'>
+                    <div className='min-w-10 min-h-10 bg-white-body dark:bg-black-box dark:shadow-[0_0_0_1px_#f9f9f9] rounded-md flex justify-center items-center'>
                       <Icons name='sales' />
                     </div>
                     <div>
@@ -86,7 +86,7 @@ export default function HomeCom() {
               </div> */}
             </div>
 
-            <TableWrapper data={dashData?.recent_transactions} itemsPerPage={15}>
+            <TableWrapper data={dashData?.recent_transactions} itemsPerPage={10}>
                 {({ data }) => (
                     <>
                         <table className="py-2 w-full text-sm">

src/components/tableWrapper/TableWrapper.jsx

@@ -87,7 +87,7 @@ export default function TableWrapper({
             <div className="text-sm text-center lg:text-left font-normal text-gray-500 dark:text-gray-400 block w-full">Showing <span className="font-semibold text-gray-900 dark:text-white">
               {isLoading ? '----' : `${currentPage + 1}-${currentPage + numberOfSelection >= data.length ? data.length : (currentPage + numberOfSelection)}`}</span> of <span className="font-semibold text-gray-900 dark:text-white">{data.length}</span>
             </div>
-            {(newData.length >= itemsPerPage) &&
+            {(newData.length >= 0) &&
               <div className='flex items-center gap-3 md:gap-6'>
                   <MainBtn 
                       onClick={handlePrev}