diff --git a/src/app.scss b/src/app.scss
index ec8397e9..2d01d568 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -26,6 +26,79 @@
 @use 'noty/lib/noty.css';
 @use 'remixicon/fonts/remixicon.css';
 
+:root {
+    text-autospace: normal;
+}
+
+@font-face {
+    font-family: 'ellipsis-font';
+    src: local('Times New Roman');
+    unicode-range: U+2026;
+}
+
+html {
+    overflow: hidden;
+}
+
+body {
+    font-family:
+        'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
+        'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
+        sans-serif;
+    margin: 0;
+}
+
+html[lang='ja'] body,
+html[lang='ja'] * {
+    font-family:
+        'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
+        'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
+        sans-serif;
+}
+
+html[lang='ko'] body,
+html[lang='ko'] * {
+    font-family:
+        'ellipsis-font', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC',
+        'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
+        sans-serif;
+}
+
+html[lang='zh-CN'] body,
+html[lang='zh-CN'] * {
+    font-family:
+        'ellipsis-font', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP',
+        'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
+        sans-serif;
+}
+
+html[lang='zh-TW'] body,
+html[lang='zh-TW'] * {
+    font-family:
+        'ellipsis-font', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans JP',
+        'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
+        sans-serif;
+}
+
+a {
+    color: #409eff;
+}
+
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 16px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 16px;
+}
+
 .color-palettes {
     background: #409eff;
     background: #67c23a;
@@ -144,75 +217,6 @@
     margin-left: 5px;
 }
 
-::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
-
-::-webkit-scrollbar-track {
-    background: rgba(0, 0, 0, 0.05);
-    border-radius: 16px;
-}
-
-::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.2);
-    border-radius: 16px;
-}
-
-@font-face {
-    font-family: 'ellipsis-font';
-    src: local('Times New Roman');
-    unicode-range: U+2026;
-}
-
-html {
-    overflow: hidden;
-}
-
-body {
-    font-family:
-        'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
-        'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
-        sans-serif;
-    margin: 0;
-}
-
-html[lang='ja'] body,
-html[lang='ja'] * {
-    font-family:
-        'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
-        'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
-        sans-serif;
-}
-
-html[lang='ko'] body,
-html[lang='ko'] * {
-    font-family:
-        'ellipsis-font', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC',
-        'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
-        sans-serif;
-}
-
-html[lang='zh-CN'] body,
-html[lang='zh-CN'] * {
-    font-family:
-        'ellipsis-font', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP',
-        'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
-        sans-serif;
-}
-
-html[lang='zh-TW'] body,
-html[lang='zh-TW'] * {
-    font-family:
-        'ellipsis-font', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans JP',
-        'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
-        sans-serif;
-}
-
-a {
-    color: #409eff;
-}
-
 .x-link {
     cursor: pointer;
 }