diff --git a/src/components/dialogs/CancelJobDialog.vue b/src/components/dialogs/CancelJobDialog.vue
index 2c7a1d771..db9edc6b9 100644
--- a/src/components/dialogs/CancelJobDialog.vue
+++ b/src/components/dialogs/CancelJobDialog.vue
@@ -38,9 +38,7 @@ export default class CancelJobDialog extends Mixins(BaseMixin) {
     @Prop({ type: Boolean, default: false }) showDialog!: boolean
 
     cancelJob() {
-        this.$socket.emit('printer.print.cancel', {}, { loading: 'statusPrintCancel' })
-
-        this.closePrompt()
+        this.$emit('cancel-job')
     }
 
     closePrompt() {
diff --git a/src/components/panels/StatusPanel.vue b/src/components/panels/StatusPanel.vue
index 2265b61c7..d0a3833bb 100644
--- a/src/components/panels/StatusPanel.vue
+++ b/src/components/panels/StatusPanel.vue
@@ -110,7 +110,10 @@
                 </v-tab-item>
             </v-tabs-items>
         </panel>
-        <cancel-job-dialog :show-dialog="showCancelJobDialog" @close="showCancelJobDialog = false" />
+        <cancel-job-dialog
+            :show-dialog="showCancelJobDialog"
+            @cancel-job="cancelJob"
+            @close="showCancelJobDialog = false" />
     </div>
 </template>
 
@@ -142,9 +145,11 @@ import {
     mdiDotsVertical,
 } from '@mdi/js'
 import { PrinterStateMacro } from '@/store/printer/types'
+import CancelJobDialog from '@/components/dialogs/CancelJobDialog.vue'
 
 @Component({
     components: {
+        CancelJobDialog,
         KlippyStatePanel,
         MinSettingsPanel,
         Panel,