diff --git a/components/Group/detail/OrganizerCard.jsx b/components/Group/detail/OrganizerCard.jsx index d98f2f0c..55f9bca7 100644 --- a/components/Group/detail/OrganizerCard.jsx +++ b/components/Group/detail/OrganizerCard.jsx @@ -30,6 +30,7 @@ const StyledText = styled.div` font-weight: 400; color: #536166; white-space: pre-wrap; + word-break: break-word; `; const StyledTag = styled.div` diff --git a/components/Profile/MyGroup/GroupCard.styled.jsx b/components/Profile/MyGroup/GroupCard.styled.jsx index ba30792f..bad7abc0 100644 --- a/components/Profile/MyGroup/GroupCard.styled.jsx +++ b/components/Profile/MyGroup/GroupCard.styled.jsx @@ -10,6 +10,7 @@ export const StyledText = styled.div` overflow: hidden; color: ${(props) => props.color || '#536166'}; font-size: ${(props) => props.fontSize || '14px'}; + word-break: break-word; `; export const StyledTitle = styled.h2`