diff --git a/packages/docs/.vitepress/theme/components/blog-list-layout.vue b/packages/docs/.vitepress/theme/components/blog-list-layout.vue
index e079d17239bf..619ff4cf1db4 100644
--- a/packages/docs/.vitepress/theme/components/blog-list-layout.vue
+++ b/packages/docs/.vitepress/theme/components/blog-list-layout.vue
@@ -40,7 +40,9 @@ h1 {
 
 .blog-posts-container {
   max-width: 800px;
-  margin: 0 auto;
+  margin: auto;
+  padding-left: 30px;
+  padding-right: 30px;
 }
 
 .blog-post {
diff --git a/packages/docs/blog/crdt-native-data-flow.md b/packages/docs/blog/crdt-native-data-flow.md
index ab27bb2a5beb..c1757adc6164 100644
--- a/packages/docs/blog/crdt-native-data-flow.md
+++ b/packages/docs/blog/crdt-native-data-flow.md
@@ -13,9 +13,7 @@ excerpt: To make editors intuitive and collaboration-ready, BlockSuite ensure th
 
 <BlogPostMeta />
 
-To make the editor logic based on BlockSuite intuitive and collaboration-ready, there is one major goal in BlockSuite: **Regardless of whether it is in a multi-user collaboration state, the application-layer code based on BlockSuite should be unaware of it**.
-
-We will introduce how this is designed in BlockSuite.
+To make editors intuitive and collaboration-ready, BlockSuite ensure that regardless of whether you are collaborating with others or not, the application code should be unaware of it. This article introduce how this is designed.
 
 ## CRDT as Single Source of Truth
 
diff --git a/packages/docs/components/doc-editor.md b/packages/docs/components/doc-editor.md
index 14f4df1da221..0f88ae9a2769 100644
--- a/packages/docs/components/doc-editor.md
+++ b/packages/docs/components/doc-editor.md
@@ -10,4 +10,4 @@ This editor component is great at block-based rich text editng, with drag handle
 import { DocEditor } from '@blocksuite/presets';
 ```
 
-<iframe src="https://try-blocksuite.vercel.app/starter/?init" width="100%" height="500"></iframe>
+<iframe src="https://try-blocksuite.vercel.app/starter/?init" frameborder="no" width="100%" height="500"></iframe>
diff --git a/packages/docs/components/edgeless-editor.md b/packages/docs/components/edgeless-editor.md
index dce72932bcb9..a31cf166f1e1 100644
--- a/packages/docs/components/edgeless-editor.md
+++ b/packages/docs/components/edgeless-editor.md
@@ -10,4 +10,4 @@ This editor component is great at whiteboard graphics editing capabilites. It co
 import { EdgelessEditor } from '@blocksuite/presets';
 ```
 
-<iframe src="https://try-blocksuite.vercel.app/starter/?init&mode=edgeless" width="100%" height="500"></iframe>
+<iframe src="https://try-blocksuite.vercel.app/starter/?init&mode=edgeless" frameborder="no" width="100%" height="500"></iframe>