diff --git a/src/components/Contacts/MassActions/RemoveTags/MassActionsRemoveTagsModal.tsx b/src/components/Contacts/MassActions/RemoveTags/MassActionsRemoveTagsModal.tsx index fa6583256..9b25e7f8e 100644 --- a/src/components/Contacts/MassActions/RemoveTags/MassActionsRemoveTagsModal.tsx +++ b/src/components/Contacts/MassActions/RemoveTags/MassActionsRemoveTagsModal.tsx @@ -34,6 +34,7 @@ interface MassActionsRemoveTagsModalProps { const ExistingTagButton = styled(Button)(() => ({ textTransform: 'none', width: 'fit-content', + justifyContent: 'left', })); const SelectedTagButton = styled(Button)(() => ({ @@ -107,7 +108,7 @@ export const MassActionsRemoveTagsModal: React.FC< const tagsData = contactsForTags?.contacts.nodes.map((contact) => contact.tagList) ?? []; - const contactsTagsList = [...new Set([...tagsData.flatMap((el) => el)])]; + const contactsTagsList = Array.from(new Set(tagsData.flat())).sort(); return ( diff --git a/src/components/Task/MassActions/AddTags/MassActionsTasksAddTagsModal.tsx b/src/components/Task/MassActions/AddTags/MassActionsTasksAddTagsModal.tsx index 67d76aff2..8cb0399d0 100644 --- a/src/components/Task/MassActions/AddTags/MassActionsTasksAddTagsModal.tsx +++ b/src/components/Task/MassActions/AddTags/MassActionsTasksAddTagsModal.tsx @@ -47,6 +47,7 @@ const NewTagInstructions = styled(Typography)(() => ({ const ExistingTagButton = styled(Button)(() => ({ textTransform: 'none', width: 'fit-content', + justifyContent: 'left', })); const AddTagIcon = styled(Add)(() => ({ diff --git a/src/components/Task/MassActions/RemoveTags/MassActionsTasksRemoveTagsModal.tsx b/src/components/Task/MassActions/RemoveTags/MassActionsTasksRemoveTagsModal.tsx index 32335d09e..706c53f82 100644 --- a/src/components/Task/MassActions/RemoveTags/MassActionsTasksRemoveTagsModal.tsx +++ b/src/components/Task/MassActions/RemoveTags/MassActionsTasksRemoveTagsModal.tsx @@ -39,6 +39,7 @@ interface MassActionsTasksRemoveTagsModalProps { const ExistingTagButton = styled(Button)(() => ({ textTransform: 'none', width: 'fit-content', + justifyContent: 'left', })); const SelectedTagButton = styled(Button)(() => ({ @@ -115,7 +116,7 @@ export const MassActionsTasksRemoveTagsModal: React.FC< const tagsData = tasksForTags?.tasks.nodes.map((task) => task.tagList) ?? []; - const contactsTagsList = [...new Set([...tagsData.flatMap((el) => el)])]; + const contactsTagsList = Array.from(new Set(tagsData.flat())).sort(); return (