diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index c8bc10c..a912562 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -8,11 +8,12 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="1ca51ffe-c632-44cc-ab91-89f67bc24dd0" name="Changes" comment="2024-04-20 오후 2:05">
-      <change afterPath="$PROJECT_DIR$/qwilight-fe/src/app/[language]/avatar/components/IntroView.module.scss" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/qwilight-fe/src/app/[language]/avatar/[[...want]]/page.module.scss" beforeDir="false" />
       <change beforePath="$PROJECT_DIR$/qwilight-fe/src/app/[language]/avatar/[[...want]]/page.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/qwilight-fe/src/app/[language]/avatar/[[...want]]/page.tsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/qwilight-fe/src/app/[language]/avatar/components/IntroView.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/qwilight-fe/src/app/[language]/avatar/components/IntroView.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/taehui-fe/src/app/[language]/forum/components/CommentItem.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/taehui-fe/src/app/[language]/forum/components/CommentItem.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/taehui-fe/src/app/[language]/forum/components/TextView.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/taehui-fe/src/app/[language]/forum/components/TextView.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -67,7 +68,7 @@
     "ignore.virus.scanning.warn.message": "true",
     "javascript.nodejs.core.library.configured.version": "20.13.1",
     "javascript.nodejs.core.library.typings.version": "20.12.12",
-    "last_opened_file_path": "C:/Users/qpdgo/WebStormProjects/taehui/qwilight-fe/src/app/[language]/avatar/components",
+    "last_opened_file_path": "C:/Users/qpdgo/WebStormProjects/taehui/taehui-fe/src/app/[language]/forum/[forumID]/[essayID]",
     "list.type.of.created.stylesheet": "SCSS",
     "node.js.detected.package.eslint": "true",
     "node.js.detected.package.standard": "true",
@@ -277,6 +278,8 @@
       <workItem from="1717028487253" duration="269000" />
       <workItem from="1717123769096" duration="707000" />
       <workItem from="1717237781783" duration="584000" />
+      <workItem from="1717395621437" duration="57000" />
+      <workItem from="1717399519788" duration="323000" />
     </task>
     <task id="LOCAL-00001" summary="2024-02-02 오전 11:19">
       <option name="closed" value="true" />
diff --git a/package.json b/package.json
index 1e0894a..54b15c4 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
   },
   "devDependencies": {
     "eslint": "^8.57.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.0",
     "sass": "^1.77.4",
     "typescript": "^5.4.5"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7246b2b..8d9c69d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,8 +12,8 @@
         specifier: ^8.57.0
         version: 8.57.0
       prettier:
-        specifier: ^3.2.5
-        version: 3.2.5
+        specifier: ^3.3.0
+        version: 3.3.0
       sass:
         specifier: ^1.77.4
         version: 1.77.4
@@ -103,8 +103,8 @@
         specifier: ^29.5.12
         version: 29.5.12
       '@types/node':
-        specifier: ^20.13.0
-        version: 20.13.0
+        specifier: ^20.14.0
+        version: 20.14.0
       '@types/react':
         specifier: ^18.3.3
         version: 18.3.3
@@ -212,8 +212,8 @@
         specifier: ^29.5.12
         version: 29.5.12
       '@types/node':
-        specifier: ^20.13.0
-        version: 20.13.0
+        specifier: ^20.14.0
+        version: 20.14.0
       '@types/react':
         specifier: ^18.3.3
         version: 18.3.3
@@ -750,8 +750,8 @@
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
-  '@types/node@20.13.0':
-    resolution: {integrity: sha512-FM6AOb3khNkNIXPnHFDYaHerSv8uN22C91z098AnGccVu+Pcdhi+pNUFDi0iLmPIsVE0JBD0KVS7mzUYt4nRzQ==}
+  '@types/node@20.14.0':
+    resolution: {integrity: sha512-5cHBxFGJx6L4s56Bubp4fglrEpmyJypsqI6RgzMfBHWUJQGWAAi8cWcgetEbZXHYXo9C2Fa4EEds/uSyS4cxmA==}
 
   '@types/prop-types@15.7.12':
     resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
@@ -1988,8 +1988,8 @@
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier@3.2.5:
-    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+  prettier@3.3.0:
+    resolution: {integrity: sha512-J9odKxERhCQ10OC2yb93583f6UnYutOeiV5i0zEDS7UGTdUt0u+y8erxl3lBKvwo/JHyyoEdXjwp4dke9oyZ/g==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -2751,7 +2751,7 @@
       '@jest/schemas': 29.6.3
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.13.0
+      '@types/node': 20.14.0
       '@types/yargs': 17.0.32
       chalk: 4.1.2
 
@@ -2971,7 +2971,7 @@
 
   '@types/json5@0.0.29': {}
 
-  '@types/node@20.13.0':
+  '@types/node@20.14.0':
     dependencies:
       undici-types: 5.26.5
 
@@ -4143,7 +4143,7 @@
   jest-util@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 20.13.0
+      '@types/node': 20.14.0
       chalk: 4.1.2
       ci-info: 3.9.0
       graceful-fs: 4.2.11
@@ -4241,7 +4241,7 @@
   mariadb@3.3.0:
     dependencies:
       '@types/geojson': 7946.0.14
-      '@types/node': 20.13.0
+      '@types/node': 20.14.0
       denque: 2.1.0
       iconv-lite: 0.6.3
       lru-cache: 10.2.2
@@ -4443,7 +4443,7 @@
 
   prelude-ls@1.2.1: {}
 
-  prettier@3.2.5: {}
+  prettier@3.3.0: {}
 
   pretty-format@29.7.0:
     dependencies:
diff --git a/qwilight-fe/package.json b/qwilight-fe/package.json
index f80637b..2e0392b 100644
--- a/qwilight-fe/package.json
+++ b/qwilight-fe/package.json
@@ -39,7 +39,7 @@
     "@types/crypto-js": "^4.2.2",
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.13.0",
+    "@types/node": "^20.14.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "eslint-config-next": "^14.2.3",
diff --git "a/qwilight-fe/src/app/\133language\135/avatar/\133\133...want\135\135/page.module.scss" "b/qwilight-fe/src/app/\133language\135/avatar/\133\133...want\135\135/page.module.scss"
deleted file mode 100644
index 13c1b7b..0000000
--- "a/qwilight-fe/src/app/\133language\135/avatar/\133\133...want\135\135/page.module.scss"
+++ /dev/null
@@ -1,5 +0,0 @@
-span {
-  &.avatarIntro {
-    white-space: break-spaces;
-  }
-}
diff --git "a/qwilight-fe/src/app/\133language\135/avatar/\133\133...want\135\135/page.tsx" "b/qwilight-fe/src/app/\133language\135/avatar/\133\133...want\135\135/page.tsx"
index b7452d6..f87f7e5 100644
--- "a/qwilight-fe/src/app/\133language\135/avatar/\133\133...want\135\135/page.tsx"
+++ "b/qwilight-fe/src/app/\133language\135/avatar/\133\133...want\135\135/page.tsx"
@@ -32,8 +32,6 @@
 import Tab from "react-bootstrap/Tab";
 import Tabs from "react-bootstrap/Tabs";
 
-import scss from "@/app/[language]/avatar/[[...want]]/page.module.scss";
-
 export default observer(() => {
   const { input, setInput, tabItem, setTabItem } = useAvatarStore();
   const { siteAvatarID, isLoggedIn } = useSiteStore();
@@ -116,7 +114,7 @@
                               avatarName={avatarName}
                               textID
                             />
-                            <span className={scss.avatarIntro}>
+                            <span style={{ whiteSpace: "break-spaces" }}>
                               {avatarIntro}
                             </span>
                           </Stack>
diff --git "a/qwilight-fe/src/app/\133language\135/avatar/components/IntroView.tsx" "b/qwilight-fe/src/app/\133language\135/avatar/components/IntroView.tsx"
index 8db3676..111a56d 100644
--- "a/qwilight-fe/src/app/\133language\135/avatar/components/IntroView.tsx"
+++ "b/qwilight-fe/src/app/\133language\135/avatar/components/IntroView.tsx"
@@ -4,8 +4,6 @@
 import CardBody from "react-bootstrap/CardBody";
 import CardHeader from "react-bootstrap/CardHeader";
 
-import scss from "@/app/[language]/avatar/components/IntroView.module.scss";
-
 export default function IntroView({
   avatar: { avatarIntro },
 }: {
@@ -21,7 +19,7 @@
     <Card>
       <CardHeader>{t("avatarIntroText")}</CardHeader>
       <CardBody>
-        <span className={scss.avatarIntro}>{avatarIntro}</span>
+        <span style={{ whiteSpace: "break-spaces" }}>{avatarIntro}</span>
       </CardBody>
     </Card>
   );
diff --git a/taehui-fe/package.json b/taehui-fe/package.json
index b0612b9..3475856 100644
--- a/taehui-fe/package.json
+++ b/taehui-fe/package.json
@@ -43,7 +43,7 @@
     "@types/crypto-js": "^4.2.2",
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.13.0",
+    "@types/node": "^20.14.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/showdown": "^2.0.6",
diff --git "a/taehui-fe/src/app/\133language\135/forum/components/CommentItem.tsx" "b/taehui-fe/src/app/\133language\135/forum/components/CommentItem.tsx"
index c044032..6764155 100644
--- "a/taehui-fe/src/app/\133language\135/forum/components/CommentItem.tsx"
+++ "b/taehui-fe/src/app/\133language\135/forum/components/CommentItem.tsx"
@@ -104,7 +104,7 @@
               <Col className="cc">
                 <Stack gap={2}>
                   <span>{avatarName}</span>
-                  <span>{text}</span>
+                  <span style={{ whiteSpace: "break-spaces" }}>{text}</span>
                 </Stack>
               </Col>
               <Col xs="auto">
diff --git "a/taehui-fe/src/app/\133language\135/forum/components/TextView.tsx" "b/taehui-fe/src/app/\133language\135/forum/components/TextView.tsx"
index 709681f..2d03e15 100644
--- "a/taehui-fe/src/app/\133language\135/forum/components/TextView.tsx"
+++ "b/taehui-fe/src/app/\133language\135/forum/components/TextView.tsx"
@@ -81,7 +81,7 @@
       </Row>
       <hr />
       <span
-        style={{ lineBreak: "anywhere", whiteSpace: "break-spaces" }}
+        style={{ whiteSpace: "break-spaces" }}
         dangerouslySetInnerHTML={{
           __html: textHTMLContents,
         }}