diff --git a/front/src/modules/ui/input/components/IconPicker.tsx b/front/src/modules/ui/input/components/IconPicker.tsx index fadb2acc9..0f11065e5 100644 --- a/front/src/modules/ui/input/components/IconPicker.tsx +++ b/front/src/modules/ui/input/components/IconPicker.tsx @@ -31,11 +31,12 @@ const StyledMenuIconItemsContainer = styled.div` display: flex; flex-direction: row; flex-wrap: wrap; + gap: ${({ theme }) => theme.spacing(0.5)}; `; const StyledLightIconButton = styled(LightIconButton)<{ isSelected?: boolean }>` background: ${({ theme, isSelected }) => - isSelected ? theme.background.transparent.light : 'transparent'}; + isSelected ? theme.background.transparent.medium : 'transparent'}; `; const convertIconKeyToLabel = (iconKey: string) => @@ -84,9 +85,9 @@ export const IconPicker = ({ variant={variant} /> } - dropdownMenuWidth={168} + dropdownMenuWidth={176} dropdownComponents={ - +