diff --git a/app/components/chat/Markdown.tsx b/app/components/chat/Markdown.tsx
index a91df43..647d846 100644
--- a/app/components/chat/Markdown.tsx
+++ b/app/components/chat/Markdown.tsx
@@ -61,14 +61,15 @@ export const Markdown = memo(({ children, html = false, limitedMarkdown = false
   }, []);
 
   return (
-    <ReactMarkdown
-      allowedElements={allowedHTMLElements}
-      className={styles.MarkdownContent}
-      components={components}
-      remarkPlugins={remarkPlugins(limitedMarkdown)}
-      rehypePlugins={rehypePlugins(html)}
-    >
-      {children}
-    </ReactMarkdown>
+    <div className={styles.MarkdownContent}>
+      <ReactMarkdown
+        allowedElements={allowedHTMLElements}
+        components={components}
+        remarkPlugins={remarkPlugins(limitedMarkdown)}
+        rehypePlugins={rehypePlugins(html)}
+      >
+        {children}
+      </ReactMarkdown>
+    </div>
   );
 });
diff --git a/package.json b/package.json
index 70ae15e..80acd73 100644
--- a/package.json
+++ b/package.json
@@ -62,10 +62,10 @@
     "istextorbinary": "^9.5.0",
     "jose": "^6.0.11",
     "nanostores": "^1.0.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-hotkeys-hook": "^5.1.0",
-    "react-markdown": "^9.1.0",
+    "react-markdown": "^10.1.0",
     "react-resizable-panels": "^3.0.3",
     "react-toastify": "^11.0.5",
     "rehype-raw": "^7.0.0",
@@ -81,8 +81,8 @@
     "@cloudflare/workers-types": "^4.20241127.0",
     "@remix-run/dev": "^2.10.0",
     "@types/diff": "^7.0.2",
-    "@types/react": "^18.2.20",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
     "fast-glob": "^3.3.2",
     "is-ci": "^4.1.0",
     "node-fetch": "^3.3.2",