diff --git a/src/components/home/HomeCom.jsx b/src/components/home/HomeCom.jsx
index bec0724..9f129b6 100644
--- a/src/components/home/HomeCom.jsx
+++ b/src/components/home/HomeCom.jsx
@@ -38,17 +38,17 @@ export default function HomeCom() {
           <div className='box min-h-[230] justify-between bg-[#F7D9E3] dark:bg-black-box text-black-body dark:text-white-body'>
             <p className='text-base sm:text-lg font-bold hover:text-primary'>Loans</p>
             <Widget1 />
-            <div className='flex gap-2 items-end font-bold'>
+            <div className='flex flex-wrap gap-2 items-end font-bold'>
               {/* <p className='text-3xl sm:text-[39px]'><span className='text-xl sm:text-2xl'>{dashData?.loans?.currency_text}</span><CustomCounter targetNumber={formatNumber(dashData?.loans?.value)} timeInSeconds='1' /></p> */}
-              <p className='text-base sm:text-lg'><span className='text-sm'>{dashData?.loans?.currency_text}</span><CustomCounter targetNumber={formatNumber(dashData?.loans?.value)} timeInSeconds='1' /></p>
+              <p className='text-xl sm:text-[30px]'><span className='text-lg sm:text-xl'>{dashData?.loans?.currency_text}</span><CustomCounter targetNumber={formatNumber(dashData?.loans?.value)} timeInSeconds='1' /></p>
               <p className='sm:text-[13.9px]'>{dashData?.loans?.text}</p>
             </div>
           </div>
           <div className='box min-h-[230] justify-between bg-[#CBF0F5] dark:bg-black-box text-black-body dark:text-white-body'>
             <p className='text-base sm:text-lg font-bold hover:text-primary'>Payments</p>
             {/* <Widget2 /> */}
-            <div className='flex gap-2 items-end font-bold'>
-              <p className='text-sm sm:text-base'><span className='text-sm'>{dashData?.payments?.currency_text}</span><CustomCounter targetNumber={formatNumber(dashData?.payments?.value)} timeInSeconds='1' /></p>
+            <div className='flex flex-wrap gap-2 items-end font-bold'>
+              <p className='text-xl sm:text-[30px]'><span className='text-lg sm:text-xl'>{dashData?.payments?.currency_text}</span><CustomCounter targetNumber={formatNumber(dashData?.payments?.value)} timeInSeconds='1' /></p>
               <p className='sm:text-[13.9px]'>{dashData?.payments?.text}</p>
             </div>
           </div>
diff --git a/src/components/tableWrapper/TableWrapper.jsx b/src/components/tableWrapper/TableWrapper.jsx
index c995ad5..f14a099 100644
--- a/src/components/tableWrapper/TableWrapper.jsx
+++ b/src/components/tableWrapper/TableWrapper.jsx
@@ -1,4 +1,4 @@
-import { ReactNode, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import MainBtn from "../MainBtn";
 import Icons from "../Icons";
 
@@ -19,7 +19,7 @@ export default function TableWrapper({
   const numberOfSelection = itemsPerPage;
 
   const handlePrev = () => {
-    if (currentPage != 0) {
+    if (currentPage !== 0) {
       setCurrentPage((prev) => prev - numberOfSelection);
     }
   };
@@ -46,7 +46,7 @@ export default function TableWrapper({
       );
       setIsLoading(false)
     },1000)
-  }, [currentPage, filteredData]);
+  }, [currentPage, filteredData, numberOfSelection]);
 
   useEffect(()=>{
     setCurrentPage(0)
@@ -92,7 +92,7 @@ export default function TableWrapper({
                   <MainBtn 
                       onClick={handlePrev}
                       // text='Prev' 
-                      className={`${currentPage == 0 ? 'bg-primary/50 pointer-events-none' : 'bg-primary'} text-white-light text-center flex justify-center gap-2 items-center`} 
+                      className={`${currentPage === 0 ? 'bg-primary/50 pointer-events-none' : 'bg-primary'} text-white-light text-center flex justify-center gap-2 items-center`} 
                       disabled={isLoading}
                   >
                   <Icons name='prev' />