From d30d9ab708a31d26e4d9e6cd2cd5945f8af0ca54 Mon Sep 17 00:00:00 2001
From: Chaitanya Deorukhkar <deorukhkarchaitanya@gmail.com>
Date: Wed, 22 Nov 2023 18:07:07 +0530
Subject: [PATCH] fix table checkbox alignment

---
 packages/blade/src/components/Table/TableBody.web.tsx   | 8 +++++++-
 packages/blade/src/components/Table/TableHeader.web.tsx | 4 +++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/blade/src/components/Table/TableBody.web.tsx b/packages/blade/src/components/Table/TableBody.web.tsx
index 5562940523e..086ec87ccb3 100644
--- a/packages/blade/src/components/Table/TableBody.web.tsx
+++ b/packages/blade/src/components/Table/TableBody.web.tsx
@@ -230,7 +230,13 @@ const TableCheckboxCell = ({
 }): React.ReactElement => {
   return (
     <TableCell>
-      <BaseBox width={makeSize(checkboxCellWidth)}>
+      <BaseBox
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+        flex={1}
+        width={makeSize(checkboxCellWidth)}
+      >
         <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />
       </BaseBox>
     </TableCell>
diff --git a/packages/blade/src/components/Table/TableHeader.web.tsx b/packages/blade/src/components/Table/TableHeader.web.tsx
index eef3558e42a..9b454f58634 100644
--- a/packages/blade/src/components/Table/TableHeader.web.tsx
+++ b/packages/blade/src/components/Table/TableHeader.web.tsx
@@ -183,7 +183,9 @@ const TableHeaderCellCheckbox = ({
 }): React.ReactElement => {
   return (
     <TableHeaderCell headerKey="SELECT">
-      <Checkbox isChecked={isChecked} isIndeterminate={isIndeterminate} onChange={onChange} />
+      <BaseBox display="flex" alignItems="center" justifyContent="center" flex={1}>
+        <Checkbox isChecked={isChecked} isIndeterminate={isIndeterminate} onChange={onChange} />
+      </BaseBox>
     </TableHeaderCell>
   );
 };