diff --git a/web/app/components/base/confirm/common.tsx b/web/app/components/base/confirm/common.tsx
index 19ad0534071b85..c2b45e30a9c92e 100644
--- a/web/app/components/base/confirm/common.tsx
+++ b/web/app/components/base/confirm/common.tsx
@@ -19,6 +19,7 @@ export type ConfirmCommonProps = {
   showOperateCancel?: boolean
   confirmBtnClassName?: string
   confirmText?: string
+  confirmWrapperClassName?: string
 }
 
 const ConfirmCommon: FC<ConfirmCommonProps> = ({
@@ -32,6 +33,7 @@ const ConfirmCommon: FC<ConfirmCommonProps> = ({
   showOperateCancel = true,
   confirmBtnClassName,
   confirmText,
+  confirmWrapperClassName,
 }) => {
   const { t } = useTranslation()
 
@@ -47,7 +49,7 @@ const ConfirmCommon: FC<ConfirmCommonProps> = ({
   }
 
   return (
-    <Modal isShow={isShow} onClose={() => {}} className='!w-[480px] !max-w-[480px] !p-0 !rounded-2xl'>
+    <Modal isShow={isShow} onClose={() => {}} className='!w-[480px] !max-w-[480px] !p-0 !rounded-2xl' wrapperClassName={confirmWrapperClassName}>
       <div className={cn(s[`wrapper-${type}`], 'relative p-8')}>
         <div className='flex items-center justify-center absolute top-4 right-4 w-8 h-8 cursor-pointer' onClick={onCancel}>
           <XClose className='w-4 h-4 text-gray-500' />
diff --git a/web/app/components/header/account-setting/model-page/index.tsx b/web/app/components/header/account-setting/model-page/index.tsx
index 0b3666dc2dd130..033ba964295b27 100644
--- a/web/app/components/header/account-setting/model-page/index.tsx
+++ b/web/app/components/header/account-setting/model-page/index.tsx
@@ -347,6 +347,7 @@ const ModelPage = () => {
         title={deleteModel?.model_name || ''}
         desc={t('common.modelProvider.item.deleteDesc', { modelName: deleteModel?.model_name }) || ''}
         onConfirm={handleDeleteModel}
+        confirmWrapperClassName='!z-30'
       />
     </div>
   )