diff --git a/.dumi/theme/common/LiveCode.tsx b/.dumi/theme/common/LiveCode.tsx
index 060fe4fec6..d521a55e82 100644
--- a/.dumi/theme/common/LiveCode.tsx
+++ b/.dumi/theme/common/LiveCode.tsx
@@ -27,7 +27,7 @@ const useStyle = createStyles(({ token, css }) => {
 
         .dumi-default-source-code > pre,
         .dumi-default-source-code-scroll-content > pre {
-          font-size: 13px;
+          font-size: ${token.fontSize}px;
           line-height: 2;
           font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
         }
diff --git a/components/grid/demo/playground.md b/components/grid/demo/playground.md
index 865ba71398..6fd4ce39b9 100644
--- a/components/grid/demo/playground.md
+++ b/components/grid/demo/playground.md
@@ -20,7 +20,7 @@ A simple playground for column count and gutter.
 }
 #components-grid-demo-playground pre {
   padding: 8px 16px;
-  font-size: 13px;
+  font-size: 14px;
   background: #f9f9f9;
   border-radius: 6px;
 }