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)
This commit is contained in:
nitin
2025-04-17 13:59:51 +05:30
committed by GitHub
parent b5e6600c73
commit d89474d43b

View File

@ -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 = ({