diff --git a/src/stores/friend.js b/src/stores/friend.js
index 253ad9a9..52598930 100644
--- a/src/stores/friend.js
+++ b/src/stores/friend.js
@@ -69,6 +69,7 @@ export const useFriendStore = defineStore('Friend', () => {
 
     const isRefreshFriendsLoading = ref(false);
     const onlineFriendCount = ref(0);
+    const isFriendLogLoaded = ref(false);
 
     const pendingOfflineDelay = 170000;
     let pendingOfflineWorker = null;
@@ -1285,6 +1286,7 @@ export const useFriendStore = defineStore('Friend', () => {
         friendLogTable.value.loading = true;
         friendLogTable.value.data = await database.getFriendLogHistory();
         friendLogTable.value.loading = false;
+        isFriendLogLoaded.value = true;
     }
 
     /**
@@ -1656,6 +1658,7 @@ export const useFriendStore = defineStore('Friend', () => {
         onlineFriendCount,
         friendLog,
         friendLogTable,
+        isFriendLogLoaded,
 
         initFriendsList,
         updateLocalFavoriteFriends,
@@ -1678,6 +1681,7 @@ export const useFriendStore = defineStore('Friend', () => {
         updateFriendships,
         updateUserCurrentStatus,
         handleFriendAdd,
-        handleFriendDelete
+        handleFriendDelete,
+        initFriendLogHistoryTable
     };
 });
diff --git a/src/stores/user.js b/src/stores/user.js
index 2e79ad1a..40df9908 100644
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -903,7 +903,7 @@ export const useUserStore = defineStore('User', () => {
                         if (userId !== currentUser.value.id) {
                             database
                                 .getUserStats(D.ref, inCurrentWorld)
-                                .then((ref1) => {
+                                .then(async (ref1) => {
                                     if (ref1.userId === D.id) {
                                         D.lastSeen = ref1.lastSeen;
                                         D.joinCount = ref1.joinCount;
@@ -911,6 +911,9 @@ export const useUserStore = defineStore('User', () => {
                                     }
                                     const displayNameMap =
                                         ref1.previousDisplayNames;
+                                    if (!friendStore.isFriendLogLoaded) {
+                                        await friendStore.initFriendLogHistoryTable();
+                                    }
                                     friendStore.friendLogTable.data.forEach(
                                         (ref2) => {
                                             if (ref2.userId === D.id) {
diff --git a/src/views/FriendList/FriendList.vue b/src/views/FriendList/FriendList.vue
index 78e994d2..712f6b7e 100644
--- a/src/views/FriendList/FriendList.vue
+++ b/src/views/FriendList/FriendList.vue
@@ -25,7 +25,7 @@
                                 multiple
                                 :model-value="Array.isArray(friendsListSearchFilters) ? friendsListSearchFilters : []"
                                 @update:modelValue="handleFriendListFilterChange">
-                                <SelectTrigger class="mx-2 w-[150px]">
+                                <SelectTrigger class="mx-2 w-37.5">
                                     <SelectValue :placeholder="t('view.friend_list.filter_placeholder')" />
                                 </SelectTrigger>
                                 <SelectContent>