diff --git a/web/app/components/base/modal/index.tsx b/web/app/components/base/modal/index.tsx
index 403cb319ba..0f7bf12b65 100644
--- a/web/app/components/base/modal/index.tsx
+++ b/web/app/components/base/modal/index.tsx
@@ -28,7 +28,7 @@ export default function Modal({
 }: IModal) {
   return (
     <Transition appear show={isShow} as={Fragment}>
-      <Dialog as="div" className={`relative z-10 ${wrapperClassName}`} onClose={onClose}>
+      <Dialog as="div" className={`relative z-30 ${wrapperClassName}`} onClose={onClose}>
         <Transition.Child
           as={Fragment}
           enter="ease-out duration-300"