From 8a1af3a2ffca45946ae18080301f069969f6a35a Mon Sep 17 00:00:00 2001
From: Sanidhya Singh <91531068+sanidhyasin@users.noreply.github.com>
Date: Thu, 18 Jul 2024 22:15:05 +0530
Subject: [PATCH] Fix: Number of records design on kanban (#6313)

Fixes #6306

On hover, the VerticalDots icons will appear but the number of records
won't disappear.
---
 .../components/RecordBoardColumnHeader.tsx                 | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx
index a4c76e5bcf..62d90625ea 100644
--- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx
@@ -26,14 +26,11 @@ const StyledAmount = styled.div`
 
 const StyledNumChildren = styled.div`
   align-items: center;
-  background-color: ${({ theme }) => theme.background.tertiary};
-  border-radius: ${({ theme }) => theme.border.radius.rounded};
   color: ${({ theme }) => theme.font.color.tertiary};
   display: flex;
   height: 24px;
   justify-content: center;
   line-height: ${({ theme }) => theme.text.lineHeight.lg};
-  margin-left: auto;
   width: 16px;
 `;
 
@@ -93,9 +90,7 @@ export const RecordBoardColumnHeader = () => {
           text={columnDefinition.title}
         />
         {!!boardColumnTotal && <StyledAmount>${boardColumnTotal}</StyledAmount>}
-        {!isHeaderHovered && (
-          <StyledNumChildren>{recordCount}</StyledNumChildren>
-        )}
+        <StyledNumChildren>{recordCount}</StyledNumChildren>
         {isHeaderHovered && columnDefinition.actions.length > 0 && (
           <StyledHeaderActions>
             <LightIconButton