diff --git a/nezha-fronted/src/assets/css/components/page/config/backups.scss b/nezha-fronted/src/assets/css/components/page/config/backups.scss
index 848093f07..f7449fa9a 100644
--- a/nezha-fronted/src/assets/css/components/page/config/backups.scss
+++ b/nezha-fronted/src/assets/css/components/page/config/backups.scss
@@ -129,7 +129,7 @@
display: flex;
justify-content: center;
align-items: center;
- width: 90px;
+ width: calc(100% / 7.1) !important;
height: 34px;
border: 1px solid $--border-color-light;
margin-right: -1px;
@@ -164,7 +164,7 @@
display: flex;
justify-content: center;
align-items: center;
- width: 90px;
+ width: calc(100% / 7.1) !important;
height: 35px;
border: 1px solid $--border-color-light;
margin-right: -1px;
diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss
index b9b3e7815..bf5f4e331 100644
--- a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss
+++ b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss
@@ -57,7 +57,7 @@
margin-left: 1px;
}
.el-cascader-menu {
- width: 200px;
+ width: 300px;
height: 100%;
}
.metric-btn:hover, .metric-btn:focus {
@@ -66,7 +66,7 @@
}
.metric-selector .el-cascader-panel {
- height: 300px;
+ height: 500px;
position: absolute;
z-index: 2100;
background-color: $--background-color-empty;
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index 829d59e7a..ddf9c3614 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -115,8 +115,8 @@
:title="state?$t('overall.enabled'):$t('profile.close')"
@click="enableExpression"
>
-
-
+
+