From 23581ce977c468125753e151c38c8800ce7477af Mon Sep 17 00:00:00 2001
From: Joyce Yuki <82857964+kathyavini@users.noreply.github.com>
Date: Thu, 12 Dec 2024 11:42:28 -0800
Subject: [PATCH] LF-4612c Fix margin on icons without checkbox

---
 .../webapp/src/components/Table/Cell/styles.module.scss     | 1 -
 packages/webapp/src/components/Table/TableV2.jsx            | 6 +++++-
 packages/webapp/src/components/Table/styles.module.scss     | 4 ++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/webapp/src/components/Table/Cell/styles.module.scss b/packages/webapp/src/components/Table/Cell/styles.module.scss
index 1f5f53f2d4..65c9c88a24 100644
--- a/packages/webapp/src/components/Table/Cell/styles.module.scss
+++ b/packages/webapp/src/components/Table/Cell/styles.module.scss
@@ -31,7 +31,6 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  margin-left: -12px;
 }
 
 .photoUrl,
diff --git a/packages/webapp/src/components/Table/TableV2.jsx b/packages/webapp/src/components/Table/TableV2.jsx
index 96a7c5ba18..d829cb06e6 100644
--- a/packages/webapp/src/components/Table/TableV2.jsx
+++ b/packages/webapp/src/components/Table/TableV2.jsx
@@ -228,7 +228,11 @@ export default function TableV2(props) {
                     return (
                       <TableCell
                         key={id}
-                        className={clsx(styles.tableCell, dense && styles.dense)}
+                        className={clsx(
+                          styles.tableCell,
+                          dense && styles.dense,
+                          shouldShowCheckbox && id === 'identification' && styles.afterCheckbox,
+                        )}
                         align={align || 'left'}
                         {...columnProps}
                       >
diff --git a/packages/webapp/src/components/Table/styles.module.scss b/packages/webapp/src/components/Table/styles.module.scss
index 87653a0338..a5b9e5ec01 100644
--- a/packages/webapp/src/components/Table/styles.module.scss
+++ b/packages/webapp/src/components/Table/styles.module.scss
@@ -169,6 +169,10 @@
     padding: 0 12px;
     height: 40px;
   }
+
+  &.afterCheckbox > div:first-child {
+    margin-left: -12px;
+  }
 }
 
 .loadMoreCell {