diff --git a/app/globals.css b/app/globals.css
index 0eb6f0a..265eaa8 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,5 +1,6 @@
 @import 'tailwindcss';
 @import '../node_modules/highlight.js/styles/monokai.min.css';
+@import '../node_modules/katex/dist/katex.min.css';
 
 @theme {
   --color-bg: #040404;
@@ -24,6 +25,16 @@ pre code.hljs {
   @apply p-0;
 }
 
+.katex-display {
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding-block-end: 0.25rem;
+}
+
+.katex-display > .katex > .katex-html > .tag {
+  @apply relative ml-8 lg:absolute lg:right-1;
+}
+
 * {
   @apply scroll-smooth;
 }
diff --git a/app/posts/[slug]/page.tsx b/app/posts/[slug]/page.tsx
index 17d944b..931abda 100644
--- a/app/posts/[slug]/page.tsx
+++ b/app/posts/[slug]/page.tsx
@@ -43,7 +43,7 @@ export default async function Post({ params }: { params: Promise<{ slug: string
 
   return (
     <main className="flex w-full">
-      <article className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 lg:py-16">
+      <article className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 lg:py-16 min-w-0">
         {meta.category && (
           <Link
             href={`/categories/${slugify(meta.category)}`}
diff --git a/lib/posts.tsx b/lib/posts.tsx
index 5e636ca..c2cd0e3 100644
--- a/lib/posts.tsx
+++ b/lib/posts.tsx
@@ -80,7 +80,7 @@ export async function getPostBySlug(slug: string) {
     .use(rehypeDefinition)
 
   if (data.math) {
-    processor = processor.use(rehypeKatex, { output: 'mathml' })
+    processor = processor.use(rehypeKatex)
   }
 
   if (data.mermaid) {
diff --git a/lib/rehype-mermaid-ssg.ts b/lib/rehype-mermaid-ssg.ts
index afef1c7..50108a6 100644
--- a/lib/rehype-mermaid-ssg.ts
+++ b/lib/rehype-mermaid-ssg.ts
@@ -29,6 +29,8 @@ export const rehypeMermaidSsg: Plugin<[], Root> = () => async (tree: Root) => {
         const svg = await renderMermaidToSvg(chart)
         const svgTree = fromHtmlIsomorphic(svg, { fragment: true })
         const svgNode = svgTree.children.find((c) => c.type === 'element') as Element | undefined
+        svgNode?.properties.className?.push('max-w-160', 'mx-auto', 'my-4')
+        if (svgNode?.properties.style) svgNode.properties.style = ''
         if (svgNode) {
           ;(parent.children as Element[])[index] = svgNode
         }