diff --git a/components/lib/tailwind/Tailwind.js b/components/lib/tailwind/Tailwind.js
index da865247b..3392945b1 100644
--- a/components/lib/tailwind/Tailwind.js
+++ b/components/lib/tailwind/Tailwind.js
@@ -276,9 +276,9 @@ export default {
         })
     },
     dialog: {
-        root: ({ props, state }) => ({
-            class: ['rounded-lg shadow-lg border-0', 'max-h-90 transform scale-100', 'm-0  w-[50vw] z-40 relative', '', 'dark:border dark:border-blue-900/40']
-        }),
+        root: {
+            class: ['rounded-lg shadow-lg border-0', 'max-h-90 transform scale-100', 'm-0 w-[50vw]', 'dark:border dark:border-blue-900/40']
+        },
         header: {
             class: ['flex items-center justify-between shrink-0', 'bg-white text-gray-800 border-t-0  rounded-tl-lg rounded-tr-lg p-6', 'dark:bg-gray-900  dark:text-white/80']
         },
@@ -307,7 +307,7 @@ export default {
             class: ['shrink-0 ', 'border-t-0 bg-white text-gray-700 px-6 pb-6 text-right rounded-b-lg', 'dark:bg-gray-900  dark:text-white/80']
         },
         mask: {
-            class: ['flex pointer-events-auto', 'bg-black bg-opacity-40 transition duration-200 z-20']
+            class: ['bg-opacity-40 transition duration-200']
         }
     },
     confirmpopup: {