Following Select Box Shows only When User Is Following People

resources/js/Components/FlightsGoneBy/FollowingSelectBox.vue

@@ -30,7 +30,9 @@ function onUpdate(user: string) {
 </script>
 
 <template>
+
     <VSelect
+        v-if="following.length > 1"
         :placeholder="placeholder"
         variant="outlined"
         density="comfortable"

resources/js/Pages/Profile/UserAchievement.vue

@@ -121,13 +121,11 @@ const unlocked = computed(() => {
                 :major-alliances="majorAlliances"
             />
 
-            <Panel>
             <FollowingSelectBox
                 redirect-route="profile.achievement"
                 :route-params="{ achievement: achievement.internal_name }"
                 placeholder="View the Progress of Someone You Follow"
             />
-            </Panel>
         </div>
     </ProfileLayout>
 </template>

resources/js/Pages/UserAchievements.vue

@@ -123,9 +123,7 @@ const filteredUnlockedCount = computed(() =>
                 </div>
             </Panel>
 
-            <Panel>
             <FollowingSelectBox redirect-route="profile.achievements" placeholder="View The Achievements of Someone You Follow" />
-            </Panel>
         </div>
     </ProfileLayout>
 </template>