From d3223c6b591c06ae7e04740d380af6880f82667a Mon Sep 17 00:00:00 2001
From: GuanMu <ballmanjq@gmail.com>
Date: Tue, 30 Dec 2025 09:21:33 +0800
Subject: [PATCH] fix: modal style (#30308)

Co-authored-by: crazywoola <427733928@qq.com>
Co-authored-by: WTW0313 <twwu@dify.ai>
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>
---
 web/app/components/workflow/panel/vibe-panel/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/panel/vibe-panel/index.tsx b/web/app/components/workflow/panel/vibe-panel/index.tsx
index 7d40361e7d..20587c7aed 100644
--- a/web/app/components/workflow/panel/vibe-panel/index.tsx
+++ b/web/app/components/workflow/panel/vibe-panel/index.tsx
@@ -140,10 +140,10 @@ const VibePanel: FC = () => {
       isShow={showVibePanel}
       onClose={handleClose}
       className="min-w-[1140px] !p-0"
-      wrapperClassName="z-[900]"
+      clickOutsideNotClose
     >
       <div className="flex h-[680px] flex-wrap">
-        <div className="h-full w-[570px] shrink-0 overflow-y-auto border-r border-divider-regular p-6">
+        <div className="h-full w-[300px] shrink-0 overflow-y-auto border-r border-divider-regular p-6">
           <div className="mb-5">
             <div className="text-lg font-bold leading-[28px] text-text-primary">{t('app.gotoAnything.actions.vibeTitle')}</div>
             <div className="mt-1 text-[13px] font-normal text-text-tertiary">{t('app.gotoAnything.actions.vibeDesc')}</div>