From a892aa678d0ea17db8567b2b452095c6969ba503 Mon Sep 17 00:00:00 2001
From: Tolulope Adetula <31691737+Tooluloope@users.noreply.github.com>
Date: Tue, 19 Apr 2022 09:40:42 +0100
Subject: [PATCH] fix: Table Multiselect checkbox alignment

---
 .../widgets/TableWidget/component/TableStyledWrappers.tsx | 8 ++++++--
 .../src/widgets/TableWidget/component/TableUtilities.tsx  | 1 -
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx b/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx
index 0bb1a555fa..fb88c1eb60 100644
--- a/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx
+++ b/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx
@@ -435,8 +435,12 @@ export const CellWrapper = styled.div<{
 `;
 
 export const CellCheckboxWrapper = styled(CellWrapper)<{ isChecked?: boolean }>`
-  justify-content: center;
-  width: 40px;
+  &&& {
+    justify-content: center;
+    width: 40px;
+    padding: 0px;
+    align-items: center;
+  }
   & > div {
     ${(props) =>
       props.isChecked
diff --git a/app/client/src/widgets/TableWidget/component/TableUtilities.tsx b/app/client/src/widgets/TableWidget/component/TableUtilities.tsx
index c5f78db54f..df7490c6ef 100644
--- a/app/client/src/widgets/TableWidget/component/TableUtilities.tsx
+++ b/app/client/src/widgets/TableWidget/component/TableUtilities.tsx
@@ -484,7 +484,6 @@ export const renderCheckBoxHeaderCell = (
     isChecked={!!checkState}
     onClick={onClick}
     role="columnheader"
-    style={{ padding: "0px", justifyContent: "center" }}
   >
     <CellCheckbox>
       {checkState === 1 && <CheckBoxCheckIcon className="th-svg" />}