diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuPageInfoLayout.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuPageInfoLayout.tsx index d4be24b398..2ec2479780 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuPageInfoLayout.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuPageInfoLayout.tsx @@ -18,11 +18,16 @@ export const StyledPageInfoIcon = styled.div<{ iconColor?: string }>` padding: ${({ theme }) => theme.spacing(1)}; `; -export const StyledPageInfoTitleContainer = styled.div` - align-items: center; +export const StyledPageInfoTextContainer = styled.div` + align-items: baseline; display: flex; flex: 1; - font-size: ${({ theme }) => theme.font.size.sm}; + gap: ${({ theme }) => theme.spacing(0.5)}; + min-width: 0; +`; + +export const StyledPageInfoTitleContainer = styled.div` + font-size: ${({ theme }) => theme.font.size.md}; font-weight: ${({ theme }) => theme.font.weight.semiBold}; min-width: 0; max-width: 150px; @@ -53,8 +58,10 @@ export const CommandMenuPageInfoLayout = ({ {icon && ( {icon} )} - {title} - {label && {label}} + + {title} + {label && {label}} + ); };