diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 37bc2c60..eb2c7b01 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -8,11 +8,6 @@
       </Breadcrumbs>
     </template>
     <template #right-header>
-      <Button
-        :label="__('Delete')"
-        variant="subtle"
-        @click="deleteDealWithModal()"
-      />
       <CustomActions
         v-if="deal.data._customActions?.length"
         :actions="deal.data._customActions"
@@ -121,6 +116,18 @@
                 </Button>
               </div>
             </Tooltip>
+            <Tooltip :text="__('Delete')">
+              <div>
+                <Button
+                  class="h-7 w-7"
+                  @click="deleteDealWithModal(deal.data.name)"
+                  variant="subtle"
+                  theme="red"
+                >
+                  <FeatherIcon name="trash" class="h-4 w-4" />
+                </Button>
+              </div>
+            </Tooltip>
           </div>
         </div>
       </div>
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 1245e5b9..88a8aeb4 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -34,11 +34,6 @@
           </Button>
         </template>
       </Dropdown>
-      <Button
-        :label="__('Delete')"
-        variant="subtle"
-        @click="deleteLeadWithModal(lead.data.name)"
-      />
       <Button
         :label="__('Convert to Deal')"
         variant="solid"
@@ -171,6 +166,18 @@
                     </Button>
                   </div>
                 </Tooltip>
+                <Tooltip :text="__('Delete')">
+                  <div>
+                    <Button
+                      class="h-7 w-7"
+                      @click="deleteLeadWithModal(lead.data.name)"
+                      variant="subtle"
+                      theme="red"
+                    >
+                      <FeatherIcon name="trash" class="h-4 w-4" />
+                    </Button>
+                  </div>
+                </Tooltip>
               </div>
               <ErrorMessage :message="__(error)" />
             </div>