diff --git a/resources/js/components/IndexField.vue b/resources/js/components/IndexField.vue
index 5378409..bc9e145 100644
--- a/resources/js/components/IndexField.vue
+++ b/resources/js/components/IndexField.vue
@@ -20,9 +20,9 @@
         @click="openModal = true"
       />
 
-      <portal to="modals">
+      <portal to="modals" v-if="openModal">
         <transition name="fade">
-          <modal v-if="openModal" @modal-close="openModal = false">
+          <modal @modal-close="openModal = false">
             <form class="bg-white rounded-lg shadow-lg overflow-hidden" style="width: 460px;">
               <div class="p-8">
                 <heading :level="2" class="mb-6" v-html="field.confirm.title"></heading>
diff --git a/resources/js/components/NovaButton.vue b/resources/js/components/NovaButton.vue
index b930883..6c46512 100644
--- a/resources/js/components/NovaButton.vue
+++ b/resources/js/components/NovaButton.vue
@@ -29,7 +29,7 @@
 import { queue } from '../queue.js';
 
 export default {
-  props: ['resource', 'resourceName', 'resourceId', 'field'],
+  props: ['resource', 'resourceName', 'resourceId', 'field', 'ajaxClasses'],
   data: () => ({
     buttonWidth: null,
     loading: false,