diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 9265db2e..4f0952e4 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -22,10 +22,11 @@
         doctype="CRM Deal"
       />
       <Dropdown
+        v-if="document.doc"
         :options="
           statusOptions(
             'deal',
-            updateField,
+            updateStatus,
             document.statuses?.length
               ? document.statuses
               : deal.data._customStatuses,
@@ -33,9 +34,11 @@
         "
       >
         <template #default="{ open }">
-          <Button :label="deal.data.status">
+          <Button :label="document.doc.status">
             <template #prefix>
-              <IndicatorIcon :class="getDealStatus(deal.data.status).color" />
+              <IndicatorIcon
+                :class="getDealStatus(document.doc.status).color"
+              />
             </template>
             <template #suffix>
               <FeatherIcon
@@ -738,4 +741,9 @@ function reloadAssignees(data) {
     assignees.reload()
   }
 }
+
+function updateStatus(value) {
+  document.doc.status = value
+  document.save.submit()
+}
 </script>
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index f8077b2a..8577725b 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -22,10 +22,11 @@
         doctype="CRM Lead"
       />
       <Dropdown
+        v-if="document.doc"
         :options="
           statusOptions(
             'lead',
-            updateField,
+            updateStatus,
             document.statuses?.length
               ? document.statuses
               : lead.data._customStatuses,
@@ -33,9 +34,11 @@
         "
       >
         <template #default="{ open }">
-          <Button :label="lead.data.status">
+          <Button :label="document.doc.status">
             <template #prefix>
-              <IndicatorIcon :class="getLeadStatus(lead.data.status).color" />
+              <IndicatorIcon
+                :class="getLeadStatus(document.doc.status).color"
+              />
             </template>
             <template #suffix>
               <FeatherIcon
@@ -728,4 +731,9 @@ function reloadAssignees(data) {
     assignees.reload()
   }
 }
+
+function updateStatus(value) {
+  document.doc.status = value
+  document.save.submit()
+}
 </script>
diff --git a/frontend/src/pages/MobileDeal.vue b/frontend/src/pages/MobileDeal.vue
index 2be3f754..ae8fd3bd 100644
--- a/frontend/src/pages/MobileDeal.vue
+++ b/frontend/src/pages/MobileDeal.vue
@@ -10,10 +10,11 @@
       </Breadcrumbs>
       <div class="absolute right-0">
         <Dropdown
+          v-if="document.doc"
           :options="
             statusOptions(
               'deal',
-              updateField,
+              updateStatus,
               document.statuses?.length
                 ? document.statuses
                 : deal.data._customStatuses,
@@ -21,9 +22,11 @@
           "
         >
           <template #default="{ open }">
-            <Button :label="deal.data.status">
+            <Button :label="document.doc.status">
               <template #prefix>
-                <IndicatorIcon :class="getDealStatus(deal.data.status).color" />
+                <IndicatorIcon
+                  :class="getDealStatus(document.doc.status).color"
+                />
               </template>
               <template #suffix>
                 <FeatherIcon
@@ -624,4 +627,9 @@ function reloadAssignees(data) {
     assignees.reload()
   }
 }
+
+function updateStatus(value) {
+  document.doc.status = value
+  document.save.submit()
+}
 </script>
diff --git a/frontend/src/pages/MobileLead.vue b/frontend/src/pages/MobileLead.vue
index a60565aa..532a681a 100644
--- a/frontend/src/pages/MobileLead.vue
+++ b/frontend/src/pages/MobileLead.vue
@@ -10,10 +10,11 @@
       </Breadcrumbs>
       <div class="absolute right-0">
         <Dropdown
+          v-if="document.doc"
           :options="
             statusOptions(
               'lead',
-              updateField,
+              updateStatus,
               document.statuses?.length
                 ? document.statuses
                 : lead.data._customStatuses,
@@ -21,9 +22,11 @@
           "
         >
           <template #default="{ open }">
-            <Button :label="lead.data.status">
+            <Button :label="document.doc.status">
               <template #prefix>
-                <IndicatorIcon :class="getLeadStatus(lead.data.status).color" />
+                <IndicatorIcon
+                  :class="getLeadStatus(document.doc.status).color"
+                />
               </template>
               <template #suffix>
                 <FeatherIcon
@@ -473,4 +476,9 @@ function reloadAssignees(data) {
     assignees.reload()
   }
 }
+
+function updateStatus(value) {
+  document.doc.status = value
+  document.save.submit()
+}
 </script>
diff --git a/frontend/src/stores/statuses.js b/frontend/src/stores/statuses.js
index 044ef18b..cf3fdf41 100644
--- a/frontend/src/stores/statuses.js
+++ b/frontend/src/stores/statuses.js
@@ -96,7 +96,7 @@ export const statusesStore = defineStore('crm-statuses', () => {
         icon: () => h(IndicatorIcon, { class: statusesByName[status]?.color }),
         onClick: () => {
           capture('status_changed', { doctype, status })
-          action && action('status', statusesByName[status]?.name)
+          action && action(statusesByName[status]?.name)
         },
       })
     }