diff --git a/src/app/styles/Text.css.ts b/src/app/styles/Text.css.ts
new file mode 100644
index 00000000..4e2bd4b9
--- /dev/null
+++ b/src/app/styles/Text.css.ts
@@ -0,0 +1,19 @@
+import { style } from '@vanilla-extract/css';
+
+export const BreakWord = style({
+  wordBreak: 'break-word',
+});
+
+export const LineClamp2 = style({
+  display: '-webkit-box',
+  WebkitLineClamp: 2,
+  WebkitBoxOrient: 'vertical',
+  overflow: 'hidden',
+});
+
+export const LineClamp3 = style({
+  display: '-webkit-box',
+  WebkitLineClamp: 3,
+  WebkitBoxOrient: 'vertical',
+  overflow: 'hidden',
+});