diff --git a/resources/js/Pages/Superuser/Menu/Index.vue b/resources/js/Pages/Superuser/Menu/Index.vue
index e1a50d3..2dbd6f5 100644
--- a/resources/js/Pages/Superuser/Menu/Index.vue
+++ b/resources/js/Pages/Superuser/Menu/Index.vue
@@ -163,7 +163,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
   </DashboardLayout>
 
   <Modal :show="open">
-    <form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl rounded-md shadow-xl">
+    <form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl h-fit rounded-md shadow-xl">
       <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 justify-end bg-gray-200 dark:bg-gray-800">
diff --git a/resources/js/Pages/Superuser/Permission/Index.vue b/resources/js/Pages/Superuser/Permission/Index.vue
index 54717dc..9407d4b 100644
--- a/resources/js/Pages/Superuser/Permission/Index.vue
+++ b/resources/js/Pages/Superuser/Permission/Index.vue
@@ -140,7 +140,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
   </DashboardLayout>
   
   <Modal :show="open">
-    <form @submit.prevent="submit" class="w-full max-w-xl shadow-xl">
+    <form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
       <Card class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100 border dark:border-gray-700">
         <template #header>
           <div class="flex items-center space-x-2 justify-end bg-gray-200 dark:bg-gray-800 dark:text-gray-50 p-2">
diff --git a/resources/js/Pages/Superuser/Role/Index.vue b/resources/js/Pages/Superuser/Role/Index.vue
index 5efed43..ed400be 100644
--- a/resources/js/Pages/Superuser/Role/Index.vue
+++ b/resources/js/Pages/Superuser/Role/Index.vue
@@ -189,7 +189,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
   </DashboardLayout>
 
   <Modal :show="open">
-    <form @submit.prevent="submit" class="w-full max-w-xl shadow-xl">
+    <form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
       <Card class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100">
         <template #header>
           <div class="flex items-center justify-end bg-gray-200 dark:bg-gray-800 p-2">
diff --git a/resources/js/Pages/Superuser/User/Index.vue b/resources/js/Pages/Superuser/User/Index.vue
index 263892e..2bfb603 100644
--- a/resources/js/Pages/Superuser/User/Index.vue
+++ b/resources/js/Pages/Superuser/User/Index.vue
@@ -247,7 +247,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
   </DashboardLayout>
 
   <Modal :show="open">
-    <form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl shadow-xl">
+    <form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl h-fit shadow-xl">
       <Card class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100">
         <template #header>
           <div class="flex items-center justify-end bg-gray-200 dark:bg-gray-800 p-2">