diff --git a/package.json b/package.json
index 18af09e..5c743e5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kne/react-file",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "提供了文件上传，文件预览，文件批量管理等功能",
   "syntax": {
     "esmodules": true
@@ -92,7 +92,7 @@
     "@kne/create-deferred": "^0.1.0",
     "@kne/global-context": "^1.3.2",
     "@kne/iframe-resizer": "^0.1.3",
-    "@kne/markdown-components-render": "^0.1.8",
+    "@kne/markdown-components-render": "^0.1.10",
     "@kne/react-fetch": "^1.5.5",
     "@kne/react-file-type": "^1.0.7",
     "@kne/react-intl": "^0.1.12",
@@ -101,7 +101,7 @@
     "@kne/use-resize": "^0.1.1",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "react-pdf": "^10.2.0",
     "react-to-print": "^3.0.5"
   }
diff --git a/src/components/FilePreview/MarkdownPreview.js b/src/components/FilePreview/MarkdownPreview.js
index c604f16..131a7ad 100644
--- a/src/components/FilePreview/MarkdownPreview.js
+++ b/src/components/FilePreview/MarkdownPreview.js
@@ -6,6 +6,7 @@ import classnames from 'classnames';
 import { createWithIntlProvider, useIntl } from '@kne/react-intl';
 import MarkdownRender from '@kne/markdown-components-render';
 import zhCn from '../../locale/zh-CN';
+import '@kne/markdown-components-render/dist/index.css';
 
 const MarkdownPreview = createWithIntlProvider(
   'zh-CN',
@@ -42,15 +43,7 @@ const MarkdownPreview = createWithIntlProvider(
           <Spin />
         </div>
       ) : null}
-      <div className={style['text-outer']}>
-        {error ? (
-          <div className={style['error']}>{formatMessage({ id: 'fileLoadedError' })}</div>
-        ) : (
-          <div className={style['md-inner']}>
-            <MarkdownRender {...props}>{text}</MarkdownRender>
-          </div>
-        )}
-      </div>
+      <div className={style['text-outer']}>{error ? <div className={style['error']}>{formatMessage({ id: 'fileLoadedError' })}</div> : <MarkdownRender {...props}>{text}</MarkdownRender>}</div>
     </div>
   );
 });
diff --git a/src/components/FilePreview/style.module.scss b/src/components/FilePreview/style.module.scss
index c8d4212..b1c3833 100644
--- a/src/components/FilePreview/style.module.scss
+++ b/src/components/FilePreview/style.module.scss
@@ -109,61 +109,6 @@
   text-align: left;
 }
 
-.md-inner {
-  background: #ffffff;
-  padding: 20px;
-
-  table {
-    width: 100%;
-    margin: 8px 0 16px;
-    empty-cells: show;
-    border: 1px solid #ebedf0;
-    border-collapse: collapse;
-    border-spacing: 0;
-
-    th {
-      color: #5c6b77;
-      font-weight: 500;
-      white-space: nowrap;
-      background: rgba(0, 0, 0, 0.02);
-    }
-
-    th,
-    td {
-      padding: 16px 24px;
-      text-align: left;
-      border: 1px solid #ebedf0;
-    }
-
-    td:first-child {
-      color: #595959;
-      font-weight: 600;
-    }
-
-    td:nth-child(3) {
-      color: #c41d7f;
-    }
-  }
-
-  pre {
-    background: #f2f4f5;
-    word-wrap: break-word;
-    white-space: pre-wrap;
-    padding: 0.2em 0.4em;
-    font-size: 0.9em;
-    border: 1px solid #eee;
-    border-radius: 3px;
-  }
-
-  code {
-    background: #f2f4f5;
-  }
-
-  p {
-    margin: 0.5em 0;
-  }
-}
-
 .image-inner {
   background: #ffffff;
   display: block;