diff --git a/src/components/Groups/SafeMarkdownRenderer.tsx b/src/components/Groups/SafeMarkdownRenderer.tsx
index 26d6dedd29..db46494e90 100644
--- a/src/components/Groups/SafeMarkdownRenderer.tsx
+++ b/src/components/Groups/SafeMarkdownRenderer.tsx
@@ -1,7 +1,9 @@
 import * as React from 'react';
 import ReactMarkdown from 'react-markdown';
 import gfm from 'remark-gfm';
+import remarkMath from 'remark-math';
 import { useDarkMode } from '../../context/DarkModeContext';
+import customRehypeKatex from '../../mdx-plugins/rehype-math';
 import CodeBlock from '../markdown/CodeBlock/CodeBlock';
 import YouTube from '../markdown/YouTube';
 import Feedback from './Feedback';
@@ -90,8 +92,9 @@ export default function SafeMarkdownRenderer({ children }) {
   return (
     <div className="prose dark:prose-light max-w-none">
       <ReactMarkdown
-        components={renderers as any}
-        remarkPlugins={[gfm as any]}
+        components={renderers}
+        remarkPlugins={[gfm as any, remarkMath as any]}
+        rehypePlugins={[customRehypeKatex as any]}
         linkTarget="_blank"
         className="react-markdown"
       >