diff --git a/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss b/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss
index c107f0310..f67bd6106 100644
--- a/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss
+++ b/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss
@@ -47,6 +47,7 @@
     min-width: 200px;
   }
 }
+
 .detail-top-search-dropdown{
   max-height: 300px;
   overflow-y: auto;
@@ -80,6 +81,7 @@
     }
     .children-title-name{
       min-width: 180px;
+
       flex-shrink: 0;
       height: 36px;
       padding-right: 20px;
@@ -96,6 +98,26 @@
     background: $--background-color-base !important;
   }
 }
+.detail-top-search-dropdown-special.detail-top-search-dropdown {
+  width: 660px;
+  max-width: unset !important;
+  .nz-dropdown-menu__item{
+    width: 100% !important;
+    .children-title-name {
+      width: 33%;
+      box-sizing: border-box;
+    }
+    .nz-dropdown-menu__item-box {
+      width: 66%;
+      display: flex;
+      flex-wrap: wrap;
+      .nz-dropdown-menu__item-hover {
+        width: calc(50% - 2px);
+        box-sizing: border-box;
+      }
+    }
+  }
+}
 .clear-all-select{
   padding: 0 20px;
   padding-left: 42px;
diff --git a/nezha-fronted/src/components/common/detailView/detailViewTopSearch.vue b/nezha-fronted/src/components/common/detailView/detailViewTopSearch.vue
index 46839adf9..f14bed91b 100644
--- a/nezha-fronted/src/components/common/detailView/detailViewTopSearch.vue
+++ b/nezha-fronted/src/components/common/detailView/detailViewTopSearch.vue
@@ -89,15 +89,17 @@
                 </div>
                 <i class="nz-icon nz-icon-arrow-down search-value"/>
               </div>
-              <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top detail-top-search-dropdown right-box-max-width">
+              <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top detail-top-search-dropdown right-box-max-width detail-top-search-dropdown-special">
                 <div style="text-align: center;"><el-input style="width: calc(100% - 40px)" size="small" v-model="searchStr" @input="(val)=>{searchStrChange(val,key)}"  suffix-icon="el-icon-search"/></div>
                  <el-checkbox-group v-model="selectValue[item.key]">
                     <el-dropdown-item v-for="(item3,index3) in item.children" :key="index3" class="nz-dropdown-menu__item">
                       <span :title="item3.name" class="children-title-name"> {{item3.name}}</span>
-                     <div :key="index4"  v-for="(item4,index4) in item3.children" class="el-dropdown-menu__item nz-dropdown-menu__item-hover">
-                        <el-checkbox :label="item3.id+'-'+item4.id" :title="item4.name" :a="item3.id+'-'+item4.id">{{item4.name}}</el-checkbox>
-                       <span class="right-box-select-num">{{item4.num || 0}}</span>
-                     </div>
+                      <div class="nz-dropdown-menu__item-box">
+                        <div :key="index4"  v-for="(item4,index4) in item3.children" class="el-dropdown-menu__item nz-dropdown-menu__item-hover">
+                          <el-checkbox :label="item3.id+'-'+item4.id" :title="item4.name" :a="item3.id+'-'+item4.id">{{item4.name}}</el-checkbox>
+                          <span class="right-box-select-num">{{item4.num || 0}}</span>
+                        </div>
+                      </div>
                     </el-dropdown-item>
                  </el-checkbox-group>
               </el-dropdown-menu>