diff --git a/app/pages/messages/index.vue b/app/pages/messages/index.vue
index 8a277ed..8f229c4 100644
--- a/app/pages/messages/index.vue
+++ b/app/pages/messages/index.vue
@@ -37,7 +37,7 @@
           </div>
 
           <div v-else>
-            <ChatItem
+            <MessagesChatItem
               v-for="chat in filteredChats"
               :key="chat.id"
               :chat="chat"
@@ -69,7 +69,7 @@
 
           <!-- Messages -->
           <div class="flex-1 overflow-y-auto p-4 space-y-2">
-            <MessageBubble
+            <MessagesMessageBubble
               v-for="message in messages"
               :key="message.id"
               :message="message"
@@ -78,7 +78,7 @@
 
           <!-- Input -->
           <div class="p-4 border-t border-[var(--wa-border)]">
-            <MessageInput @send="handleSendMessage" />
+            <MessagesMessageInput @send="handleSendMessage" />
           </div>
         </template>
       </div>