diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChip.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChip.tsx
index fc4836274..34842186d 100644
--- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChip.tsx
+++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChip.tsx
@@ -1,10 +1,12 @@
import styled from '@emotion/styled';
import { isNonEmptyString } from '@sniptt/guards';
+import { OverflowingTextWithTooltip } from '@ui/display';
import { Fragment } from 'react/jsx-runtime';
import { isDefined } from 'twenty-shared';
const StyledChip = styled.button<{
withText: boolean;
+ maxWidth?: string;
onClick?: () => void;
}>`
all: unset;
@@ -33,6 +35,7 @@ const StyledChip = styled.button<{
? theme.background.transparent.medium
: theme.background.transparent.light};
}
+ max-width: ${({ maxWidth }) => maxWidth};
`;
const StyledIconsContainer = styled.div`
@@ -45,6 +48,7 @@ export type CommandMenuContextChipProps = {
text?: string;
onClick?: () => void;
testId?: string;
+ maxWidth?: string;
};
export const CommandMenuContextChip = ({
@@ -52,19 +56,21 @@ export const CommandMenuContextChip = ({
text,
onClick,
testId,
+ maxWidth,
}: CommandMenuContextChipProps) => {
return (
{Icons.map((Icon, index) => (
{Icon}
))}
- {text && {text}}
+ {text && }
);
};
diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChipGroups.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChipGroups.tsx
index efc2b2909..96fc3613c 100644
--- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChipGroups.tsx
+++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChipGroups.tsx
@@ -27,6 +27,7 @@ export const CommandMenuContextChipGroups = ({
{contextChips.map((chip, index) => (
)}
>