diff --git a/packages/velaux-ui/src/components/HelmValueShow/index.tsx b/packages/velaux-ui/src/components/HelmValueShow/index.tsx
index d331ef175..0e865017c 100644
--- a/packages/velaux-ui/src/components/HelmValueShow/index.tsx
+++ b/packages/velaux-ui/src/components/HelmValueShow/index.tsx
@@ -14,6 +14,8 @@ const HelmValueShow: React.FC<Props> = (props: Props) => {
   const [valueFile, setValueFile] = React.useState<string>('values.yaml');
   return (
     <Dialog
+      style={{ width: '60vw' }}
+      closeMode="close,mask"
       className={'helmValueDialog'}
       overflowScroll={true}
       visible={true}