diff --git a/src/Components/admin/dashboard.tsx b/src/Components/admin/dashboard.tsx
index 68cd732..e46977e 100644
--- a/src/Components/admin/dashboard.tsx
+++ b/src/Components/admin/dashboard.tsx
@@ -109,7 +109,7 @@ const Dashboard = () => {
             <div className="overflow-x-auto rounded-lg">
                 <table className="table-auto w-full ">
                     <thead>
-                        <tr className=" dark:text-gray-400 text-black dark:text-gray-400 text-center">
+                        <tr className=" dark:text-gray-400 dark:bg-gray-800 bg-white  text-black dark:text-gray-400 text-center">
                             <th className='py-2'>No</th>
                             <th>User Name</th>
                             <th>Amount</th>
diff --git a/src/Components/common/skelton/pagination.tsx b/src/Components/common/skelton/pagination.tsx
index dac1536..6fdeda6 100644
--- a/src/Components/common/skelton/pagination.tsx
+++ b/src/Components/common/skelton/pagination.tsx
@@ -29,6 +29,7 @@ export const PaginationControls: React.FC<PaginationControlsProps> = ({
       <div className="flex items-center gap-2">
         {pages.map((page) => (
           <button
+          
             key={page}
             onClick={() => setCurrentPage(page)}
             className={`relative h-10 max-h-[40px] w-10 max-w-[40px] select-none rounded-lg text-center align-middle font-sans text-xs font-medium uppercase ${