diff --git a/components/i/action/Collect.vue b/components/i/action/Collect.vue
index d4a7ac38074f2dad8791fc1839596ca48b920787..6aa9c7a4fb28787c3719ebf3334ebeb28c16d44f 100644
--- a/components/i/action/Collect.vue
+++ b/components/i/action/Collect.vue
@@ -3,6 +3,7 @@
         <UButton
             color="gray"
             variant="ghost"
+            square
             icon="i-heroicons-ellipsis-horizontal"
         />
     </UDropdown>
diff --git a/components/i/action/Thread.vue b/components/i/action/Thread.vue
index b49a0c88ff08782058fd252b744062fa8ab4d6db..764a37e651a67694e5f95642331b80c068bf41c5 100644
--- a/components/i/action/Thread.vue
+++ b/components/i/action/Thread.vue
@@ -3,7 +3,8 @@
         <UButton
             color="gray"
             variant="ghost"
-            size="2xs"
+            :size="size"
+            square
             icon="i-heroicons-ellipsis-horizontal"
         />
     </UDropdown>
@@ -22,6 +23,10 @@ const props = defineProps({
     c_id: {
         type: [String, Number],
         default: ''
+    },
+    size: {
+        type: String,
+        default: 'sm'
     }
 })
 const emit = defineEmits(['delete'])
diff --git a/components/i/library/Thread.vue b/components/i/library/Thread.vue
index d96860cb069deca732e7b204c5161c7cd47e7acc..192dd8a690c6fcc6e3a061131302a64c428bee04 100644
--- a/components/i/library/Thread.vue
+++ b/components/i/library/Thread.vue
@@ -31,6 +31,7 @@
                     color="gray"
                     variant="ghost"
                     size="2xs"
+                    square
                     icon="i-heroicons-plus"
                     @click="handleOpenSelect"
                 />
@@ -38,6 +39,7 @@
             <IActionThread
                 :collection_id="thread.collections.length ? thread.collections[0].collection_id : ''"
                 :c_id="item.c_id"
+                size="2xs"
                 @delete="handleDeletedThread"
             />
         </div>