diff --git a/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue b/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue
index 508f7c3703..a7e5bae483 100644
--- a/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue
+++ b/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-row>
+    <el-row class="search-row">
       <el-col :span="8">
         <el-select class="protocol-select" size="small" v-model="condition.protocol">
           <el-option
@@ -232,4 +232,8 @@ export default {
   width: 174px;
   padding-left: 3px;
 }
+
+.search-row {
+  margin-bottom: 12px;
+}
 </style>
diff --git a/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue b/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue
index df070bd803..73271e1f6e 100644
--- a/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue
+++ b/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue
@@ -20,6 +20,7 @@
     >
       <template v-slot:header>
         <ms-search-bar
+          style="margin-bottom: 15px"
           :show-operator="false"
           :condition="condition"
           :commands="null"
@@ -212,7 +213,7 @@ export default {
 
 <style scoped>
 .node-tree {
-  margin-top: 15px;
+  margin-top: 15px!important;
   margin-bottom: 15px;
 }
 
diff --git a/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue b/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue
index 51aa7d8e51..c3951fb2ad 100644
--- a/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue
+++ b/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue
@@ -72,7 +72,7 @@
               v-if="multipleProject"
               width="155px"
               :current-data="currentProject"
-              :title="$t('case.project')"
+              :title="$t('case.project') + ':'"
               @dataChange="changeProject"
             />
             <slot name="aside"> </slot>
diff --git a/test-track/frontend/src/business/case/components/common/SelectMenu.vue b/test-track/frontend/src/business/case/components/common/SelectMenu.vue
index ef83b9e03b..bb622088c0 100644
--- a/test-track/frontend/src/business/case/components/common/SelectMenu.vue
+++ b/test-track/frontend/src/business/case/components/common/SelectMenu.vue
@@ -68,6 +68,9 @@ export default {
   margin-right: px2rem(10);
   margin-bottom: px2rem(17);
 }
+.select-menu {
+  margin-bottom: px2rem(18);
+}
 .select-menu :deep(.el-input__inner) {
   border: none;
   padding-left: 0px !important;
@@ -75,10 +78,10 @@ export default {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  width: px2rem(100);
+  width: px2rem(80);
 }
 .select-menu :deep(.el-select--small) {
-  width: px2rem(82) !important;
+  width: px2rem(80) !important;
 }
 .select-menu :deep(.el-input__suffix-inner .el-select__caret::before) {
   color: #646a73;
@@ -86,7 +89,6 @@ export default {
 
 .span-name {
   display: inline-block;
-  max-width: 300px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;