diff --git a/app/components/messages/MessageInput.vue b/app/components/messages/MessageInput.vue
index df15694..6570461 100644
--- a/app/components/messages/MessageInput.vue
+++ b/app/components/messages/MessageInput.vue
@@ -66,13 +66,13 @@
       @drop.prevent="handleDrop"
     >
       <!-- Attachment button -->
-      <UDropdown :items="attachmentMenuItems" :popper="{ placement: 'top-start' }">
+      <UDropdownMenu :items="attachmentMenuItems" :content="{ side: 'top', align: 'start' }">
         <UButton
           variant="ghost"
           icon="i-lucide-paperclip"
           class="text-[var(--wa-text-muted)]"
         />
-      </UDropdown>
+      </UDropdownMenu>
 
       <!-- Hidden file inputs -->
       <input
@@ -206,22 +206,22 @@ const attachmentMenuItems = [
   [{
     label: 'Imagen',
     icon: 'i-lucide-image',
-    click: () => imageInput.value?.click()
+    onSelect: () => imageInput.value?.click()
   }],
   [{
     label: 'Video',
     icon: 'i-lucide-video',
-    click: () => videoInput.value?.click()
+    onSelect: () => videoInput.value?.click()
   }],
   [{
     label: 'Audio',
     icon: 'i-lucide-music',
-    click: () => audioInput.value?.click()
+    onSelect: () => audioInput.value?.click()
   }],
   [{
     label: 'Documento',
     icon: 'i-lucide-file',
-    click: () => documentInput.value?.click()
+    onSelect: () => documentInput.value?.click()
   }]
 ]