From 1b15e44e82058778dd7d64af84399f3ef5c54e9c Mon Sep 17 00:00:00 2001
From: Nishit Suwal <81785002+NSUWAL123@users.noreply.github.com>
Date: Sun, 16 Jun 2024 16:53:15 +0545
Subject: [PATCH] fix(customTable): misalignment via classname add (#1578)

---
 src/frontend/package.json                          | 3 ++-
 src/frontend/src/components/common/CustomTable.tsx | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/frontend/package.json b/src/frontend/package.json
index c8b3be15f..73893f744 100755
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -100,5 +100,6 @@
     "redux-persist": "^6.0.0",
     "tailwind-merge": "2.3.0",
     "uuid": "^9.0.1"
-  }
+  },
+  "packageManager": "pnpm@9.3.0+sha512.ee7b93e0c2bd11409c6424f92b866f31d3ea1bef5fbe47d3c7500cdc3c9668833d2e55681ad66df5b640c61fa9dc25d546efa54d76d7f8bf54b13614ac293631"
 }
diff --git a/src/frontend/src/components/common/CustomTable.tsx b/src/frontend/src/components/common/CustomTable.tsx
index 6f3be7375..0a3e6a0d3 100644
--- a/src/frontend/src/components/common/CustomTable.tsx
+++ b/src/frontend/src/components/common/CustomTable.tsx
@@ -167,7 +167,9 @@ export default class Table extends Component<TableProps> {
                 maxWidth: headerWidths[index],
               },
             })}
-          className={`fmtm-px-5 fmtm-pt-4 fmtm-pb-4 fmtm-bg-black-100 fmtm-align-middle fmtm-text-body-sm fmtm-leading-5 fmtm-text-left fmtm-capitalize fmtm-font-bold fmtm-border-[1px] fmtm-text-sm fmtm-max-w-[11rem] ${
+          className={`${
+            headClassName[index]
+          } fmtm-px-5 fmtm-pt-4 fmtm-pb-4 fmtm-bg-black-100 fmtm-align-middle fmtm-text-body-sm fmtm-leading-5 fmtm-text-left fmtm-capitalize fmtm-font-bold fmtm-border-[1px] fmtm-text-sm fmtm-max-w-[11rem] ${
             flag?.toLowerCase() === 'primarytable'
               ? 'fmtm-bg-primaryRed fmtm-text-white fmtm-border-white'
               : 'fmtm-bg-[#F0F0F0] fmtm-border-[#B9B9B9]'