diff --git a/client/deno.jsonc b/client/deno.jsonc
index 9cfa912..befdfad 100644
--- a/client/deno.jsonc
+++ b/client/deno.jsonc
@@ -25,6 +25,7 @@
     "mdui": "npm:mdui@2.1.4",
     "split.js": "npm:split.js@1.3.2",
     "crypto-js": "npm:crypto-js@4.2.0",
-    "socket.io-client": "npm:socket.io-client@4.8.1"
+    "socket.io-client": "npm:socket.io-client@4.8.1",
+    "marked": "npm:marked@16.3.0"
   }
 }
diff --git a/client/ui/chat/ChatFragment.tsx b/client/ui/chat/ChatFragment.tsx
index 65969b6..d50c1d4 100644
--- a/client/ui/chat/ChatFragment.tsx
+++ b/client/ui/chat/ChatFragment.tsx
@@ -8,8 +8,9 @@ import Client from "../../api/Client.ts"
 import Message from "../../api/client_data/Message.ts"
 import Chat from "../../api/client_data/Chat.ts"
 import data from "../../Data.ts"
-import { checkApiSuccessOrSncakbar, snackbar } from "../snackbar.ts"
+import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
 import useAsyncEffect from "../useAsyncEffect.ts"
+import * as marked from 'marked'
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
     target: string