diff --git a/src/pages/groupFeed/carousel/Carousel.tsx b/src/pages/groupFeed/carousel/Carousel.tsx index a506aae0..156dcb87 100644 --- a/src/pages/groupFeed/carousel/Carousel.tsx +++ b/src/pages/groupFeed/carousel/Carousel.tsx @@ -114,6 +114,5 @@ const TopicDescription = styled.div` width: 63.1rem; color: ${({ theme }) => theme.colors.gray70}; - ${({ theme }) => theme.fonts.body3}; `; diff --git a/src/pages/groupFeed/carousel/EachArticle.tsx b/src/pages/groupFeed/carousel/EachArticle.tsx index 21823ed5..d6601261 100644 --- a/src/pages/groupFeed/carousel/EachArticle.tsx +++ b/src/pages/groupFeed/carousel/EachArticle.tsx @@ -187,8 +187,8 @@ const ArticleContent = styled.div` overflow: hidden; color: ${({ theme }) => theme.colors.gray70}; - ${({ theme }) => theme.fonts.body3}; + word-break: break-all; `; const ArticleInfo = styled.div` diff --git a/src/pages/postDetail/PostDetail.tsx b/src/pages/postDetail/PostDetail.tsx index 767f71f3..a28b8169 100644 --- a/src/pages/postDetail/PostDetail.tsx +++ b/src/pages/postDetail/PostDetail.tsx @@ -254,6 +254,7 @@ const DetailBox = styled.div` const TitleText = styled.h1` color: ${({ theme }) => theme.colors.grayBlack}; ${({ theme }) => theme.fonts.title1}; + word-break: break-all; `; const DateText = styled.p` @@ -326,7 +327,7 @@ const PostContainer = styled.div` min-height: 6rem; padding: 3.6rem; - word-break: keep-all; + word-break: break-all; background-color: ${({ theme }) => theme.colors.white}; border-radius: 10px;