diff --git a/theme/src/client/components/VPFriendsItem.vue b/theme/src/client/components/VPFriendsItem.vue
index 10fe683e..5ebdafe3 100644
--- a/theme/src/client/components/VPFriendsItem.vue
+++ b/theme/src/client/components/VPFriendsItem.vue
@@ -104,6 +104,7 @@ const friendStyle = computed(() => {
 
 .content :deep(.vp-social-links) {
   justify-content: flex-start;
+  margin-top: 8px;
 }
 
 .content :deep(.vp-social-link) {
@@ -112,7 +113,7 @@ const friendStyle = computed(() => {
 
 .content p {
   display: -webkit-box;
-  padding-top: 8px;
+  padding-top: 16px;
   overflow: hidden;
   line-height: 1.5;
   color: var(--vp-friends-text-color);
diff --git a/theme/src/client/styles/vars.css b/theme/src/client/styles/vars.css
index 9ceff8de..49b6dafc 100644
--- a/theme/src/client/styles/vars.css
+++ b/theme/src/client/styles/vars.css
@@ -484,9 +484,9 @@
  * Component: Friends
  * -------------------------------------------------------------------------- */
 :root {
-  --vp-friends-text-color: var(--vp-c-text-2);
+  --vp-friends-text-color: var(--vp-c-text-1);
   --vp-friends-bg-color: var(--vp-c-bg-alt);
-  --vp-friends-name-color: var(--vp-c-text-2);
+  --vp-friends-name-color: var(--vp-c-text-1);
 }
 
 /**