diff --git a/src/layouts/FriendsHome.vue b/src/layouts/FriendsHome.vue
index f004bae..8ef561a 100644
--- a/src/layouts/FriendsHome.vue
+++ b/src/layouts/FriendsHome.vue
@@ -45,6 +45,10 @@ const friends: ThemeBlogHomeProjectOptions[] = Object.values(FriendsInfo)
 <style lang="scss">
 .vp-hero-info {
   flex-direction: column;
+
+  .vp-blog-hero-title {
+    text-align: center;
+  }
 }
 
 main.friends.round-avatar {