From d89474d43b4fa563f4c5e9886b78f884690dbd64 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Thu, 17 Apr 2025 13:59:51 +0530
Subject: [PATCH] Fix tab icon alignment issue (#11613)

before:
![Screenshot 2025-04-17 at 13 40
00](https://github.com/user-attachments/assets/b29b3e6b-0185-4289-950c-37a24b63cb65)

after:
![Screenshot 2025-04-17 at 13 39
49](https://github.com/user-attachments/assets/af2efe6f-3908-40d6-acde-d2839a5a8ba2)
---
 .../src/modules/ui/layout/tab/components/Tab.tsx             | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/tab/components/Tab.tsx b/packages/twenty-front/src/modules/ui/layout/tab/components/Tab.tsx
index f38115976..3cdece3f2 100644
--- a/packages/twenty-front/src/modules/ui/layout/tab/components/Tab.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/tab/components/Tab.tsx
@@ -4,8 +4,8 @@ import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { ReactElement } from 'react';
 import { Link } from 'react-router-dom';
-import { Avatar, IconComponent } from 'twenty-ui/display';
 import { Pill } from 'twenty-ui/components';
+import { Avatar, IconComponent } from 'twenty-ui/display';
 
 type TabProps = {
   id: string;
@@ -69,6 +69,9 @@ const StyledHover = styled.span`
 
 const StyledIconContainer = styled.div`
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `;
 
 export const Tab = ({