diff --git a/src/components/Lookup/styled/chip.js b/src/components/Lookup/styled/chip.js index a40aed5e7..087e9f57a 100644 --- a/src/components/Lookup/styled/chip.js +++ b/src/components/Lookup/styled/chip.js @@ -6,6 +6,12 @@ const StyledChip = attachThemeAttrs(styled(Chip))` flex: 1 1 auto; margin: 2px; background-color: ${props => props.palette.background.main}; + width: 0px; + + & > span { + min-width: 0px; + flex-basis: 99%; + } `; export default StyledChip; diff --git a/src/components/Lookup/styled/chipContainer.js b/src/components/Lookup/styled/chipContainer.js index 3518c22ef..f6a9aad4c 100644 --- a/src/components/Lookup/styled/chipContainer.js +++ b/src/components/Lookup/styled/chipContainer.js @@ -3,6 +3,9 @@ import styled from 'styled-components'; const StyledChipContainer = styled.span` display: flex; align-items: center; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; `; export default StyledChipContainer;