diff --git a/src/components/markdown.jsx b/src/components/markdown.jsx
new file mode 100644
index 0000000..b75aea6
--- /dev/null
+++ b/src/components/markdown.jsx
@@ -0,0 +1,4 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+
+export const Markdown = ({ source }) => <ReactMarkdown>{source}</ReactMarkdown>;
diff --git a/src/components/repo-details.jsx b/src/components/repo-details.jsx
index 85b7481..6552fbc 100644
--- a/src/components/repo-details.jsx
+++ b/src/components/repo-details.jsx
@@ -1,13 +1,11 @@
 import React, { useEffect, useState } from 'react';
 import useSWR from 'swr';
-import { Alert, Divider, Spin, Typography } from 'antd';
-import ReactMarkdown from 'react-markdown';
+import { Alert, Divider, Spin } from 'antd';
 
 import { Repo } from './repo';
+import { Markdown } from './markdown';
 import { fetcher } from '../utils';
 
-const { Title } = Typography;
-
 const Meta = ({ owner, repo }) => {
   const { data, error } = useSWR(`/repos/${owner}/${repo}`, fetcher);
 
@@ -46,9 +44,7 @@ const ReadMe = ({ owner, repo }) => {
     return <Spin />;
   }
 
-  return (
-    <ReactMarkdown>{markdown}</ReactMarkdown>
-  );
+  return <Markdown source={markdown} />;
 }
 
 export const RepoDetails = (props) => {
diff --git a/vite.config.js b/vite.config.js
index 01f7888..94edaea 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -10,6 +10,11 @@ export default defineConfig((env) => ({
         assetFileNames: 'assets/[name].[hash][extname]',
         chunkFileNames: 'assets/[name].[hash].js',
         entryFileNames: 'assets/[name].[hash].js',
+        manualChunks(id) {
+          if (id.includes('react-markdown')) {
+            return 'react-markdown';
+          }
+        },
       },
     },
   },