diff --git a/apps/www/src/examples/mail/components/AccountSwitcher.vue b/apps/www/src/examples/mail/components/AccountSwitcher.vue
index 09ad0a7f..7f37a978 100644
--- a/apps/www/src/examples/mail/components/AccountSwitcher.vue
+++ b/apps/www/src/examples/mail/components/AccountSwitcher.vue
@@ -31,7 +31,9 @@ const selectedEmailData = computed(() => props.accounts.find(item => item.email
       <SelectValue placeholder="Select an account">
         <div class="flex items-center gap-3">
           <Icon class="size-4" :icon="selectedEmailData!.icon" />
-          {{ selectedEmailData!.label }}
+          <span v-if="!isCollapsed">
+            {{ selectedEmailData!.label }}
+          </span>
         </div>
       </SelectValue>
     </SelectTrigger>
@@ -39,9 +41,7 @@ const selectedEmailData = computed(() => props.accounts.find(item => item.email
       <SelectItem v-for="account of accounts" :key="account.email" :value="account.email">
         <div class="flex items-center gap-3 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-foreground">
           <Icon class="size-4" :icon="account.icon" />
-          <span v-if="!isCollapsed">
-            {{ account.email }}
-          </span>
+          {{ account.email }}
         </div>
       </SelectItem>
     </SelectContent>