diff --git a/package-lock.json b/package-lock.json
index 790ef00d..647d797e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42,7 +42,7 @@
         "postcss-preset-mantine": "^1.17.0",
         "postcss-simple-vars": "^7.0.1",
         "prettier": "3.5.2",
-        "react-markdown": "^9.0.3",
+        "react-markdown": "^10.0.0",
         "rehype-raw": "^7.0.0",
         "rehype-slug": "^6.0.0",
         "typescript": "^5.7.3"
@@ -7367,12 +7367,14 @@
       "license": "MIT"
     },
     "node_modules/react-markdown": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-9.0.3.tgz",
-      "integrity": "sha512-Yk7Z94dbgYTOrdk41Z74GoKA7rThnsbbqBTRYuxoe08qvfQ9tJVhmAKw6BJS/ZORG7kTy/s1QvYzSuaoBA1qfw==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.0.0.tgz",
+      "integrity": "sha512-4mTz7Sya/YQ1jYOrkwO73VcFdkFJ8L8I9ehCxdcV0XrClHyOJGKbBk5FR4OOOG+HnyKw5u+C/Aby9TwinCteYA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
         "devlop": "^1.0.0",
         "hast-util-to-jsx-runtime": "^2.0.0",
         "html-url-attributes": "^3.0.0",
diff --git a/package.json b/package.json
index 9717ccde..5e43cdda 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
     "prettier": "3.5.2",
-    "react-markdown": "^9.0.3",
+    "react-markdown": "^10.0.0",
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
     "typescript": "^5.7.3"
diff --git a/src/app/blog/post.tsx b/src/app/blog/post.tsx
index d53f16de..d44d8ec9 100644
--- a/src/app/blog/post.tsx
+++ b/src/app/blog/post.tsx
@@ -49,9 +49,8 @@ export function BlogPost({ metadata, type }: BlogPostProps) {
           {metadata.year}-{metadata.month}-{metadata.day}
         </Text>
       </Group>
-      <div>
+      <div className={type == "excerpt" ? classes.excerpt : classes.contents}>
         <Markdown
-          className={type == "excerpt" ? classes.excerpt : classes.contents}
           rehypePlugins={[rehypeRaw, rehypeSlug]}
           components={{
             a(props) {