diff --git a/nuxt4-app/app/pages/explorer.vue b/nuxt4-app/app/pages/explorer.vue
index 4e2893e..c11924c 100644
--- a/nuxt4-app/app/pages/explorer.vue
+++ b/nuxt4-app/app/pages/explorer.vue
@@ -14,23 +14,27 @@
       <div class="flex flex-col gap-4">
         <!-- Database Selector -->
         <UFieldGroup label="Base de datos">
-          <USelect
+          <USelectMenu
             v-model="selectedDatabaseId"
             :options="databaseOptions"
             placeholder="Seleccionar base de datos"
             :loading="loadingDatabases"
             :disabled="loadingDatabases"
+            value-attribute="value"
+            option-attribute="label"
           />
         </UFieldGroup>
 
         <!-- Table Selector -->
         <UFieldGroup label="Tabla" v-if="selectedDatabaseId">
-          <USelect
+          <USelectMenu
             v-model="selectedTableId"
             :options="tableOptions"
             placeholder="Seleccionar tabla"
             :loading="loadingTables"
             :disabled="loadingTables || !selectedDatabaseId"
+            value-attribute="value"
+            option-attribute="label"
           />
         </UFieldGroup>