diff --git a/src/assets/item.css b/src/assets/item.css
index d167a56..08f0192 100644
--- a/src/assets/item.css
+++ b/src/assets/item.css
@@ -17,6 +17,12 @@
     width: calc(100% - var(--box-margin));
   }
 
+  > pre {
+    width: calc(100% - var(--box-margin));
+    max-width: 456px;
+    overflow-x: auto;
+  }
+
   .tgme_widget_message_link_preview {
     margin-top: 16px;
     display: none;
diff --git a/src/lib/telegram/index.js b/src/lib/telegram/index.js
index 3f39718..b1271ed 100644
--- a/src/lib/telegram/index.js
+++ b/src/lib/telegram/index.js
@@ -112,8 +112,10 @@ function modifyHTMLContent($, content, { index } = {}) {
   })
   $(content).find('pre').each((_index, pre) => {
     try {
+      $(pre).find('br')?.replaceWith('\n')
+
       const code = $(pre).text()
-      const language = flourite(code, { shiki: true })?.language
+      const language = flourite(code, { shiki: true, noUnknown: true })?.language || 'text'
       const highlightedCode = prism.highlight(code, prism.languages[language], language)
       $(pre).html(`<code class="language-${language}">${highlightedCode}</code>`)
     }