diff --git a/src/components/dialogs/InviteDialog/InviteDialog.vue b/src/components/dialogs/InviteDialog/InviteDialog.vue
index b723a427..d94b2d2c 100644
--- a/src/components/dialogs/InviteDialog/InviteDialog.vue
+++ b/src/components/dialogs/InviteDialog/InviteDialog.vue
@@ -11,7 +11,7 @@
                 <DialogTitle>{{ t('dialog.invite.header') }}</DialogTitle>
             </DialogHeader>
 
-            <div v-if="inviteDialog.visible">
+            <div v-if="inviteDialog.visible" class="overflow-hidden">
                 <Location :location="inviteDialog.worldId" :link="false" class="cursor-default" />
                 <br />
                 <Button size="sm" class="mr-2" variant="outline" style="margin-top: 10px" @click="addSelfToInvite">{{
diff --git a/src/views/Sidebar/components/FriendItem.vue b/src/views/Sidebar/components/FriendItem.vue
index b1b6d80c..f021ff79 100644
--- a/src/views/Sidebar/components/FriendItem.vue
+++ b/src/views/Sidebar/components/FriendItem.vue
@@ -11,7 +11,8 @@
                     {{ friend.ref.displayName }} ({{ friend.$nickName }})
                 </span>
                 <span v-else class="name" :style="{ color: friend.ref.$userColour }"
-                    >{{ friend.ref.displayName }}{{ isGroupByInstance && friend.isVIP ? ' ⭐' : '' }}</span
+                    >{{ friend.ref.displayName
+                    }}{{ isGroupByInstance && allFavoriteFriendIds.has(friend.id) ? ' ⭐' : '' }}</span
                 >
 
                 <span v-if="isFriendActiveOrOffline" class="block truncate text-xs">{{
@@ -80,7 +81,7 @@
     });
 
     const { hideNicknames } = storeToRefs(useAppearanceSettingsStore());
-    const { isRefreshFriendsLoading } = storeToRefs(useFriendStore());
+    const { isRefreshFriendsLoading, allFavoriteFriendIds } = storeToRefs(useFriendStore());
     const { confirmDeleteFriend } = useFriendStore();
     const { showUserDialog } = useUserStore();
     const { t } = useI18n();