diff --git a/src/pages/friends.vue b/src/pages/friends.vue
index f739498..3a6a801 100644
--- a/src/pages/friends.vue
+++ b/src/pages/friends.vue
@@ -35,7 +35,7 @@ const friends = [
     image: '/images/students/lqx.webp',
     link: 'https://space.bilibili.com/646450185',
   },
-].sort(() => Math.random() - 0.5)
+]
 </script>
 
 <template>
@@ -49,7 +49,7 @@ const friends = [
   </v-alert>
 
   <div class="grid grid-cols-2 md:grid-cols-4 grid-gap-6 not-prose">
-    <v-card v-for="friend in friends" :key="friend.name" :href="friend.link" target="_blank" class="flex flex-col">
+    <v-card v-for="friend in friends.sort(() => Math.random() - 0.5)" :key="friend.name" :href="friend.link" target="_blank" class="flex flex-col">
       <v-img :src="friend.image" class="w-60% m-auto mt-3" />
 
       <div class="mx-3 flex justify-center items-center h-15">