diff --git a/src/api/spots.ts b/src/api/spots.ts
index e2acdf6..0a37476 100644
--- a/src/api/spots.ts
+++ b/src/api/spots.ts
@@ -38,7 +38,8 @@ export interface CheckInResult {
 
 export const spotsApi = {
   list: () => http.get<Spot[]>('/api/spots'),
-  mates: (spotId: number) => http.get<Mate[]>(`/api/spots/${spotId}/mates`),
+  mates: (spotId: number, userId?: number) =>
+    http.get<Mate[]>(`/api/spots/${spotId}/mates${userId ? `?userId=${userId}` : ''}`),
   aiMates: (spotId: number, dogId: number) =>
     http.get<AiMate[]>(`/api/spots/${spotId}/ai-mates?dogId=${dogId}`),
   reviews: (spotId: number) => http.get<Review[]>(`/api/spots/${spotId}/reviews`),
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index 8ecbb18..05b7016 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -183,7 +183,10 @@ async function onSelectSpot(spotId: number) {
 }
 
 async function refreshSpot(spotId: number) {
-  const [r, m] = await Promise.all([spotsApi.reviews(spotId), spotsApi.mates(spotId)])
+  const [r, m] = await Promise.all([
+    spotsApi.reviews(spotId),
+    spotsApi.mates(spotId, currentUserId()),
+  ])
   reviews.value = r
   mates.value = m
 }