Cut login button text word by word

Author: Danue1

src/components/auth/AuthEmailForm.tsx

@@ -33,6 +33,7 @@ const AuthEmailFormBlock = styled.form`
     border-top-right-radius: 2px;
     border-bottom-right-radius: 2px;
     width: 5rem;
+    word-break: keep-all;
     cursor: pointer;
     &:hover,
     &:focus {

src/components/common/PostCard.tsx

@@ -73,6 +73,7 @@ const PostCardBlock = styled.div`
     font-size: 1.5rem;
     margin: 0;
     color: ${palette.gray9};
+    word-break: keep-all;
     ${media.small} {
       font-size: 1rem;
     }

src/components/common/RoundButton.tsx

@@ -53,6 +53,7 @@ const RoundButtonBlock = styled.button<RoundButtonBlockProps>`
   border: none;
   outline: none;
   font-weight: bold;
+  word-break: keep-all;
   background: ${props => buttonColorMap[props.color].background};
   color: ${props => buttonColorMap[props.color].color};
   &:hover {

src/components/common/Typography.tsx

@@ -8,7 +8,7 @@ const TypographyBlock = styled.div`
   color: ${palette.gray7};
   line-height: 1.85;
   letter-spacing: -0.02em;
-  word-break: normal;
+  word-break: keep-all;
   word-wrap: break-word;
   p {
     /* ${media.xxlarge} {

src/components/post/PostHead.tsx

@@ -31,6 +31,7 @@ const PostHeadBlock = styled(VelogResponsive)`
     font-weight: 800;
     color: ${palette.gray8};
     margin-bottom: 2rem;
+    word-break: keep-all;
   }
 
   ${media.medium} {