diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7b858640..9146715f 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -13,5 +13,8 @@
   ],
   "[tailwindcss]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
   }
 }
diff --git a/src/pages/friends/index.tsx b/src/pages/friends/index.tsx
index 9aef882b..61a4b78c 100644
--- a/src/pages/friends/index.tsx
+++ b/src/pages/friends/index.tsx
@@ -21,7 +21,7 @@ avatar: 'https://kuizuo.cn/img/logo.png'
 function SiteInfo() {
   return (
     <div className="w-96 rounded-[var(--ifm-pre-border-radius)] border border-black border-solid border-opacity-10 text-left text-sm leading-none">
-      <CodeBlock language="yaml" title="本站信息">
+      <CodeBlock language="yaml" title="本站信息" className={styles.codeBlock}>
         {SITE_INFO}
       </CodeBlock>
     </div>
diff --git a/src/pages/friends/styles.module.css b/src/pages/friends/styles.module.css
index 1b18468b..495f22bd 100644
--- a/src/pages/friends/styles.module.css
+++ b/src/pages/friends/styles.module.css
@@ -14,3 +14,8 @@
   @apply p-4;
   --ifm-pre-padding: 0 1rem 1rem;
 }
+
+.codeBlock pre {
+  padding: 0;
+  margin: 0;
+}
diff --git a/src/theme/CodeBlock/Content/styles.module.css b/src/theme/CodeBlock/Content/styles.module.css
index 15224fdb..956a70a3 100644
--- a/src/theme/CodeBlock/Content/styles.module.css
+++ b/src/theme/CodeBlock/Content/styles.module.css
@@ -21,7 +21,6 @@
 
 .codeBlock {
   --ifm-pre-background: var(--prism-background-color);
-  margin: 0;
   padding: 0;
 }