diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index f5492ef7f..1d4571d7f 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -1589,6 +1589,12 @@ li{
 .nz-dialog {
   overflow: hidden;
 }
+.nz-dialog.chart-preview-dialog .el-dialog {
+  width: 85% !important;
+}
+.nz-dialog.chart-preview-dialog {
+  z-index: 3000 !important;
+}
 .nz-dialog .el-dialog, .el-message-box {
   border-radius: 5px !important;
 }
diff --git a/nezha-fronted/src/components/charts/chartPreview.vue b/nezha-fronted/src/components/charts/chartPreview.vue
index e9b9738f4..6e2886175 100644
--- a/nezha-fronted/src/components/charts/chartPreview.vue
+++ b/nezha-fronted/src/components/charts/chartPreview.vue
@@ -251,7 +251,7 @@
           dailogBox.style.height = `${height}px`;
 
           const addChartBox = document.querySelector('.right-box-add-chart');
-          addChartBox.style.cssText =  'z-index:1500 !important';
+          //addChartBox.style.cssText =  'z-index:1500 !important';
           if(chartType==='table'){
             const chartDiv = document.getElementById(chartContainerId);
             chartDiv.style.height = `${height-this.chartSpaceHeight-this.titleHeight-25}px`;