diff --git a/src/components/Popular/Item.tsx b/src/components/Popular/Item.tsx
index f17bf23f..5d62c749 100644
--- a/src/components/Popular/Item.tsx
+++ b/src/components/Popular/Item.tsx
@@ -7,8 +7,12 @@ interface MostPopularItemProps {
 function SingleItem({ product }: MostPopularItemProps) {
   return (
     <div className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5">
-      <div className=" max-h-20 max-w-20 ">
-        <img src={product.image} alt={product.name} className=" rounded" />
+      <div className=" flex flex-row items-center justify-center h-20 w-20 ">
+        <img
+          src={product.image}
+          alt={product.name}
+          className=" max-h-20 max-w-20 rounded"
+        />
       </div>
       <div className=" flex flex-col justify-between py-2 pl-1">
         <div>
diff --git a/src/components/dashBoard/Table.tsx b/src/components/dashBoard/Table.tsx
index bfbadadc..6cd5f0d1 100644
--- a/src/components/dashBoard/Table.tsx
+++ b/src/components/dashBoard/Table.tsx
@@ -151,6 +151,7 @@ function Table() {
           <div className=" font-bold text-lg mr-[15px]">Product List</div>
           <button
             type="button"
+            onClick={() => navigate(`/dashboard/addProduct/`)}
             className="border-[2px] border-primary text-primary px-[5px] py-[5px] rounded-md flex justify-center items-center gap-2 text-sm
                 hover:shadow-lg hover:scale-105 transition-all duration-300 ease-in-out hover:bg-primary hover:text-white"
           >
diff --git a/src/features/Popular/bestSellingProductSlice.ts b/src/features/Popular/bestSellingProductSlice.ts
index eff1b22a..77999cc0 100644
--- a/src/features/Popular/bestSellingProductSlice.ts
+++ b/src/features/Popular/bestSellingProductSlice.ts
@@ -16,7 +16,7 @@ export const fetchBestSellingProducts = createAsyncThunk<
 >('bestSellingProducts/fetchBestSellingProducts', async (_, thunkAPI) => {
   try {
     const response = await axios.get(`${URL}/product/bestselling`);
-    return response.data; // Ensure this matches your API response structure
+    return response.data;
   } catch (error: any) {
     return thunkAPI.rejectWithValue(error.response?.data || error.message);
   }
diff --git a/src/pages/SignUp.tsx b/src/pages/SignUp.tsx
index c011d9f6..c4426548 100644
--- a/src/pages/SignUp.tsx
+++ b/src/pages/SignUp.tsx
@@ -197,7 +197,7 @@ function SignUp() {
                 type="submit"
                 disabled={isSubmitting || signUpState.loading}
                 aria-label="Submit Form"
-                className="w-full flex justify-center py-2 sm:py-4 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors"
+                className="w-full flex justify-center py-2 sm:py-4 bg-[#6d31ed] text-white rounded-md hover:bg-blue-[#6d31ed] transition-colors"
               >
                 {isSubmitting || signUpState.loading ? (
                   <BeatLoader color="#ffffff" size={8} />
diff --git a/vite.config.ts b/vite.config.ts
index 6fcac650..03ea1849 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -19,6 +19,17 @@ export default defineConfig({
     globals: true,
     environment: 'jsdom',
     setupFiles: ['./src/__test__/setupTests.ts'],
+    coverage: {
+      exclude: [
+        'tailwind.config.js',
+        '.prettierrc.cjs',
+        'postcss.config.js',
+        'src/App.tsx',
+        'src/main.tsx',
+        'src/components/dashBoard/Admin.tsx',
+        'src/components/dashBoard/Table.tsx',
+      ],
+    },
   },
   resolve: {
     alias: {