diff --git a/app/pages/agent/[id]/index.vue b/app/pages/agent/[id]/index.vue
index e9e5381..5db8881 100644
--- a/app/pages/agent/[id]/index.vue
+++ b/app/pages/agent/[id]/index.vue
@@ -86,14 +86,14 @@ const handleSubmit = async (message: string, model: ModelWithProvider | null) =>
 
 
 <template>
-    <div class="flex flex-col h-full w-full">
+    <div class="flex flex-col h-full w-full max-w-full overflow-x-hidden">
         <div class="h-14 flex items-center justify-between px-4 border-b border-[var(--color-border)]">
-            <div class="flex items-center gap-2">
+            <div class="flex items-center gap-2 max-w-full">
                 <button v-if="!sidebarOpen" @click="openSidebar"
                     class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
                     <Icon class="text-5" name="mynaui:panel-left-open" />
                 </button>
-                <h4 class="text-lg">
+                <h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
                     {{ agent?.name }}
                 </h4>
             </div>
diff --git a/app/pages/agent/[id]/topic/[topicId].vue b/app/pages/agent/[id]/topic/[topicId].vue
index 6bda28a..3a72074 100644
--- a/app/pages/agent/[id]/topic/[topicId].vue
+++ b/app/pages/agent/[id]/topic/[topicId].vue
@@ -278,14 +278,14 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <div class="flex flex-col h-full w-full">
+    <div class="flex flex-col h-full w-full max-w-full overflow-x-hidden">
         <div class="h-14 flex items-center justify-between px-4 border-b border-[var(--color-border)]">
-            <div class="flex items-center gap-2">
+            <div class="flex items-center gap-2 max-w-full">
                 <button v-if="!sidebarOpen" @click="openSidebar"
                     class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
                     <Icon class="text-5" name="mynaui:panel-left-open" />
                 </button>
-                <h4 class="text-lg">
+                <h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
                     {{ topic?.name }}
                 </h4>
             </div>