diff --git a/src/app.scss b/src/app.scss
index 7be2267..0e94e30 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -250,6 +250,8 @@ select option.is-default {
   resize: vertical;
 }
 
+@import "/node_modules/katex/dist/katex.min.css";
+
 // $footer-padding: 1.5rem 1.5rem;
 // $fullhd: 2000px;
 // $modal-content-width: 1000px;
@@ -858,6 +860,4 @@ aside.menu.main-menu .menu-expanse {
 
 .modal.chat-settings .field-body {
   max-width: calc(100% - 40px);
-}
-
-@import "/node_modules/katex/dist/katex.min.css";
+}
\ No newline at end of file
diff --git a/src/lib/Codespan.svelte b/src/lib/Codespan.svelte
index e7bc5a1..004fe31 100644
--- a/src/lib/Codespan.svelte
+++ b/src/lib/Codespan.svelte
@@ -13,7 +13,7 @@
             {left: '\\[', right: '\\]', display: true}
         ],
         throwOnError : false,
-        // output: "mathml"
+        output: "mathml"
       })
     renderedMath = dummy.innerHTML;
     dummy.remove();
diff --git a/src/lib/EditMessage.svelte b/src/lib/EditMessage.svelte
index f5e23f7..8c667d0 100644
--- a/src/lib/EditMessage.svelte
+++ b/src/lib/EditMessage.svelte
@@ -14,8 +14,6 @@
   import { getImage } from './ImageStore.svelte'
   import { getModelDetail } from './Models.svelte'
 
-  import 'katex/dist/katex.min.css'
-
   export let message:Message
   export let chatId:number
   export let chat:Chat
@@ -276,15 +274,6 @@
 
 </script>
 
-<svelte:head>
-  <link
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.9/katex.min.css"
-    integrity="sha512-fHwaWebuwA7NSF5Qg/af4UeDx9XqUpYpOGgubo3yWu+b2IQR4UeQwbb42Ti7gVAjNtVoI/I9TEoYeu9omwcC6g=="
-    crossorigin="anonymous"
-    referrerpolicy="no-referrer" />
-</svelte:head>
-
 <article
   id="{'message-' + message.uuid}"
   class="message chat-message"