diff --git a/src/views/Favorites/FavoritesAvatar.vue b/src/views/Favorites/FavoritesAvatar.vue
index 441c4fb4..ac769b18 100644
--- a/src/views/Favorites/FavoritesAvatar.vue
+++ b/src/views/Favorites/FavoritesAvatar.vue
@@ -121,7 +121,7 @@
                                             >
                                         </div>
                                         <div class="group-item__bottom">
-                                            <Badge variant="outline">
+                                            <Badge :variant="getBadgeVariant(group.visibility)">
                                                 {{ t(`view.favorite.visibility.${group.visibility}`) }}
                                             </Badge>
                                             <DropdownMenu
@@ -713,6 +713,17 @@
         loadAvatarSplitterPreferences();
     });
 
+    function getBadgeVariant(visibility) {
+        switch (visibility) {
+            case 'public':
+                return 'default';
+            case 'friends':
+                return 'secondary';
+            case 'private':
+                return 'destructive';
+        }
+    }
+
     async function loadAvatarSplitterPreferences() {
         const storedSize = await configRepository.getString('VRCX_FavoritesAvatarSplitter', '260');
         const parsedSize = Number(storedSize);
diff --git a/src/views/Favorites/FavoritesFriend.vue b/src/views/Favorites/FavoritesFriend.vue
index e38c9d75..7d48f406 100644
--- a/src/views/Favorites/FavoritesFriend.vue
+++ b/src/views/Favorites/FavoritesFriend.vue
@@ -123,7 +123,7 @@
                                             >
                                         </div>
                                         <div class="group-item__bottom">
-                                            <Badge variant="outline">
+                                            <Badge :variant="getBadgeVariant(group.visibility)">
                                                 {{ t(`view.favorite.visibility.${group.visibility}`) }}
                                             </Badge>
                                             <DropdownMenu
@@ -794,6 +794,17 @@
         }
     );
 
+    function getBadgeVariant(visibility) {
+        switch (visibility) {
+            case 'public':
+                return 'default';
+            case 'friends':
+                return 'secondary';
+            case 'private':
+                return 'destructive';
+        }
+    }
+
     function showFriendExportDialog() {
         friendExportDialogVisible.value = true;
     }
diff --git a/src/views/Favorites/FavoritesWorld.vue b/src/views/Favorites/FavoritesWorld.vue
index 94fd6ee4..33db9c33 100644
--- a/src/views/Favorites/FavoritesWorld.vue
+++ b/src/views/Favorites/FavoritesWorld.vue
@@ -123,7 +123,7 @@
                                             >
                                         </div>
                                         <div class="group-item__bottom">
-                                            <Badge variant="outline">
+                                            <Badge :variant="getBadgeVariant(group.visibility)">
                                                 {{ t(`view.favorite.visibility.${group.visibility}`) }}
                                             </Badge>
                                             <DropdownMenu
@@ -629,6 +629,17 @@
         loadWorldSplitterPreferences();
     });
 
+    function getBadgeVariant(visibility) {
+        switch (visibility) {
+            case 'public':
+                return 'default';
+            case 'friends':
+                return 'secondary';
+            case 'private':
+                return 'destructive';
+        }
+    }
+
     async function loadWorldSplitterPreferences() {
         const storedSize = await configRepository.getString('VRCX_FavoritesWorldSplitter', '260');
         const parsedSize = Number(storedSize);