diff --git a/bun.lockb b/bun.lockb
index d876216..e802048 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/src/lib/components/message.svelte b/src/lib/components/message.svelte
index 9bd9318..369a955 100644
--- a/src/lib/components/message.svelte
+++ b/src/lib/components/message.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { type TypeMessage } from '$lib/types';
+  import escapeHTML from '$lib/functions/escapeHTML';
   const { message, imageSrc, user }: TypeMessage = $props();
 </script>
 
@@ -11,7 +12,7 @@
   </div>
   <div class="w-full">
     <p class="inline-size-full break-words font-bold">{user}</p>
-    <pre class="inline-size-full text-wrap break-words font-sans">{message}</pre>
+    <pre class="inline-size-full text-wrap break-words font-sans">{@html escapeHTML(message)}</pre>
   </div>
 </div>
 
diff --git a/src/lib/functions/escapeHTML.ts b/src/lib/functions/escapeHTML.ts
new file mode 100644
index 0000000..89a722e
--- /dev/null
+++ b/src/lib/functions/escapeHTML.ts
@@ -0,0 +1,3 @@
+export default function escapeHTML(text: string) {
+  return text.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll("'", '&#39;');
+}