[Fix] main title word break 설정 (#424)

* design: h1에 word break 적용
sopt-makers · Aug 20, 2024 · 725b5a8 · 725b5a8
1 parent 47a2e19
commit 725b5a8
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/common/components/Title/style.css.ts b/src/common/components/Title/style.css.ts
@@ -10,6 +10,8 @@ export const headingVar = styleVariants({
     lineHeight: '60px',
     letterSpacing: -0.8,
     color: theme.color.baseText,
+    wordBreak: 'keep-all',
+    wordWrap: 'break-word',
   },
   TAB: {
     /* Heading/40_B */
@@ -18,8 +20,12 @@ export const headingVar = styleVariants({
     lineHeight: '60px',
     letterSpacing: -0.8,
     color: theme.color.baseText,
+    wordBreak: 'keep-all',
+    wordWrap: 'break-word',
   },
   MOB: {
     ...theme.font.HEADING_4_24_B,
+    wordBreak: 'keep-all',
+    wordWrap: 'break-word',
   },
 });