diff --git a/docs/example/index.tsx b/docs/example/index.tsx
index c78e7fac618822fd37b5cf1256eb94c025c768b0..e57779076b2f23c8b3ad324cbb5f33949152fb21 100644
--- a/docs/example/index.tsx
+++ b/docs/example/index.tsx
@@ -129,20 +129,22 @@ const App: FC = () => {
       >
         获取预览区实例
       </Button>
-      <Editor
-        status={true}
-        onUpload={handleUpload}
-        local={true}
-        theme={theme}
-        onChange={handleChange}
-        enableShortcuts={true}
-        onDragUpload={handlePatseUpload}
-        onPatseUpload={handlePatseUpload}
-        ref={editorRef}
-        initialValue={
-          "# 标题\n## 二级标题\n### 三级标题\n#### 四级标题\n##### 五级标题\n###### 六级标题\n"
-        }
-      />
+      <div style={{ height: "600px" }}>
+        <Editor
+          status={true}
+          onUpload={handleUpload}
+          local={true}
+          theme={theme}
+          onChange={handleChange}
+          enableShortcuts={true}
+          onDragUpload={handlePatseUpload}
+          onPatseUpload={handlePatseUpload}
+          ref={editorRef}
+          initialValue={
+            "# 标题\n## 二级标题\n### 三级标题\n#### 四级标题\n##### 五级标题\n###### 六级标题\n"
+          }
+        />
+      </div>
     </>
   );
 };
diff --git a/packages/mini-markdown-editor/src/components/Preview/index.tsx b/packages/mini-markdown-editor/src/components/Preview/index.tsx
index 8b56dcd5672c54517c282e6ad69c42516708af8d..df1a8fa9c8073d92408be5e00ad93f4c3c3173ee 100644
--- a/packages/mini-markdown-editor/src/components/Preview/index.tsx
+++ b/packages/mini-markdown-editor/src/components/Preview/index.tsx
@@ -78,6 +78,7 @@ const ScrollWrapper = styled.div`
 
   p {
     line-height: 20px;
+    font-size: 14px;
   }
 
   strong {
diff --git a/packages/mini-markdown-editor/src/theme/theme.ts b/packages/mini-markdown-editor/src/theme/theme.ts
index 3dcb2e7b69c0067f43bc27f2af905fd255dedcfa..ea96e6db60b648ff5b50629c35efd6a9daa3687c 100644
--- a/packages/mini-markdown-editor/src/theme/theme.ts
+++ b/packages/mini-markdown-editor/src/theme/theme.ts
@@ -11,7 +11,7 @@ export const lightTheme = {
 };
 
 export const darkTheme = {
-  background: "#0b0b0b",
+  background: "#191d24",
   color: "#dfdfdf",
   borderColor: "#464646",
   silderHelpTitleColor: "#bac6d2",