diff --git a/resources/js/Pages/Superuser/Menu/Index.vue b/resources/js/Pages/Superuser/Menu/Index.vue
index ca251e0..557a622 100644
--- a/resources/js/Pages/Superuser/Menu/Index.vue
+++ b/resources/js/Pages/Superuser/Menu/Index.vue
@@ -147,7 +147,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
     <Card class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100">
       <template #header>
         <div class="flex items-center space-x-2 p-2 bg-gray-200 dark:bg-gray-800">
-          <ButtonGreen v-if="can('create menu')" @click.prevent="show">
+          <ButtonGreen v-if="can('create menu')" @click.prevent="form.id = null; show()">
             <Icon name="plus" />
             <p class="uppercase font-semibold">create</p>
           </ButtonGreen>
diff --git a/resources/js/Pages/Superuser/Permission/Index.vue b/resources/js/Pages/Superuser/Permission/Index.vue
index 5bb339d..9015e1c 100644
--- a/resources/js/Pages/Superuser/Permission/Index.vue
+++ b/resources/js/Pages/Superuser/Permission/Index.vue
@@ -105,7 +105,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
     <Card class="bg-gray-50 dark:bg-slate-700 shadow-md">
       <template #header>
         <div class="flex items-center space-x-2 bg-gray-200 dark:bg-gray-800 p-2">
-          <ButtonGreen v-if="can('create permission')" @click.prevent="show()">
+          <ButtonGreen v-if="can('create permission')" @click.prevent="form.id = null; show()">
             <Icon name="plus" />
             <p class="font-semibold uppercase">create</p>
           </ButtonGreen>
diff --git a/resources/js/Pages/Superuser/Role/Index.vue b/resources/js/Pages/Superuser/Role/Index.vue
index 66bbae4..5ab4c51 100644
--- a/resources/js/Pages/Superuser/Role/Index.vue
+++ b/resources/js/Pages/Superuser/Role/Index.vue
@@ -107,7 +107,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
     <Card class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100">
       <template #header>
         <div class="flex items-center space-x-2 p-2 bg-gray-200 dark:bg-gray-800">
-          <ButtonGreen v-if="can('create role')" @click.prevent="show">
+          <ButtonGreen v-if="can('create role')" @click.prevent="form.id = null; show()">
             <Icon name="plus" />
             <p class="uppercase font-semibold">create</p>
           </ButtonGreen>
diff --git a/resources/js/Pages/Superuser/User/Index.vue b/resources/js/Pages/Superuser/User/Index.vue
index 2810ec1..9ac968a 100644
--- a/resources/js/Pages/Superuser/User/Index.vue
+++ b/resources/js/Pages/Superuser/User/Index.vue
@@ -134,7 +134,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
     <Card class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100">
       <template #header>
         <div class="flex items-center space-x-2 p-2 bg-gray-200 dark:bg-gray-800">
-          <ButtonGreen v-if="can('create user')" @click.prevent="show">
+          <ButtonGreen v-if="can('create user')" @click.prevent="form.id = null; show()">
             <Icon name="plus" />
             <p class="uppercase font-semibold">create</p>
           </ButtonGreen>