diff --git a/frontend/src/views/panel/filter/filterDialog.vue b/frontend/src/views/panel/filter/filterDialog.vue
index a9ca25e5d7..036d0da230 100644
--- a/frontend/src/views/panel/filter/filterDialog.vue
+++ b/frontend/src/views/panel/filter/filterDialog.vue
@@ -593,6 +593,9 @@ export default {
   .filter-dialog-tabs {
       border: 1px solid #E6E6E6;
       height: 100%;
+      >>> div.el-tabs__content {
+          height: calc(100% - 55px);
+      }
   }
 
   .filter-common {
@@ -604,6 +607,11 @@ export default {
       margin: 20px 10px !important;
   }
 
+  .component-result-content {
+      height: calc(50vh - 140px);
+      overflow-y: auto;
+  }
+
   .link-text {
       font-weight: 450  !important;
       color: #409EFF;
diff --git a/frontend/src/views/panel/filter/index.vue b/frontend/src/views/panel/filter/index.vue
index ef8285731b..242e34ceca 100644
--- a/frontend/src/views/panel/filter/index.vue
+++ b/frontend/src/views/panel/filter/index.vue
@@ -99,7 +99,7 @@ export default {
     padding-top: 0px;
     padding-bottom: 0px;
     position: relative;
-    height: 940px;
+    // height: 940px;
     max-height: 976px;
   }
   .filter-header {