From 08e32017fbab6231100924b5a25df15435273b9a Mon Sep 17 00:00:00 2001
From: Weiko <corentin@twenty.com>
Date: Thu, 22 May 2025 16:32:07 +0200
Subject: [PATCH] Fix + column header in tables (#12221)

Fixes https://github.com/twentyhq/twenty/issues/12213



https://github.com/user-attachments/assets/1eb675f0-c8ba-4601-bcf7-c80c27a03d40
---
 .../components/RecordTableHeaderLastColumn.tsx         | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastColumn.tsx
index ce379aef6..1aeff4928 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastColumn.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastColumn.tsx
@@ -32,19 +32,21 @@ const StyledPlusIconHeaderCell = styled.th<{
     `
       : 'width: 100%'};
   z-index: 1;
+
+  &:hover {
+    background: ${({ theme }) => theme.background.transparent.secondary};
+  }
 `;
 
 const StyledPlusIconContainer = styled.div`
   align-items: center;
   display: flex;
   height: 32px;
-  justify-content: center;
+  justify-content: flex-start;
+  margin-left: ${({ theme }) => theme.spacing(2)};
 `;
 
 const StyledDropdownContainer = styled.div`
-  &:hover {
-    background: ${({ theme }) => theme.background.transparent.light};
-  }
   cursor: pointer;
 `;