diff --git a/src/components/atoms/Select/index.tsx b/src/components/atoms/Select/index.tsx index 26db1e0212..f4620c732b 100644 --- a/src/components/atoms/Select/index.tsx +++ b/src/components/atoms/Select/index.tsx @@ -79,6 +79,9 @@ const SelectWrapper = styled.div` const Selected = styled(Text)<{ inactive: boolean }>` flex: 1; padding: 3px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; `; const StyledDownArrow = styled(Icon)` diff --git a/src/components/molecules/EarthEditor/PropertyPane/PropertyField/index.tsx b/src/components/molecules/EarthEditor/PropertyPane/PropertyField/index.tsx index 93fbb2b590..4866f7540e 100644 --- a/src/components/molecules/EarthEditor/PropertyPane/PropertyField/index.tsx +++ b/src/components/molecules/EarthEditor/PropertyPane/PropertyField/index.tsx @@ -253,6 +253,7 @@ const StyledPropertyTitleWrapper = styled.div` const StyledPropertyFieldWrapper = styled.div` flex: 2; width: 100%; + min-width: 0; `; export default PropertyField;