diff --git a/frontend/src/styles/common.scss b/frontend/src/styles/common.scss
index 6fe9665f4..64cf05e9c 100644
--- a/frontend/src/styles/common.scss
+++ b/frontend/src/styles/common.scss
@@ -245,6 +245,7 @@ html {
 // search条圆角
 .search-button {
     float: right;
+    width: 250px;
     margin-right: 10px;
     .el-input__wrapper {
         border-radius: 50px;
diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index 492d53159..cbd7c4014 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -35,6 +35,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index f1df04549..9955aa8ae 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -43,6 +43,7 @@
                         <TableSetting title="container-refresh" @search="refresh()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/container/image/index.vue b/frontend/src/views/container/image/index.vue
index a0220c4bf..a0f50ff8a 100644
--- a/frontend/src/views/container/image/index.vue
+++ b/frontend/src/views/container/image/index.vue
@@ -27,6 +27,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/container/network/index.vue b/frontend/src/views/container/network/index.vue
index 49e1666f1..e77ed8759 100644
--- a/frontend/src/views/container/network/index.vue
+++ b/frontend/src/views/container/network/index.vue
@@ -24,6 +24,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/container/repo/index.vue b/frontend/src/views/container/repo/index.vue
index 65d54afe8..069410fad 100644
--- a/frontend/src/views/container/repo/index.vue
+++ b/frontend/src/views/container/repo/index.vue
@@ -18,6 +18,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/container/template/index.vue b/frontend/src/views/container/template/index.vue
index 8a360e26c..35166aa29 100644
--- a/frontend/src/views/container/template/index.vue
+++ b/frontend/src/views/container/template/index.vue
@@ -21,6 +21,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/container/volume/index.vue b/frontend/src/views/container/volume/index.vue
index a4fc01747..c6aa58afb 100644
--- a/frontend/src/views/container/volume/index.vue
+++ b/frontend/src/views/container/volume/index.vue
@@ -24,6 +24,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/cronjob/index.vue b/frontend/src/views/cronjob/index.vue
index bbc19669e..f8d308783 100644
--- a/frontend/src/views/cronjob/index.vue
+++ b/frontend/src/views/cronjob/index.vue
@@ -31,6 +31,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/host/firewall/ip/index.vue b/frontend/src/views/host/firewall/ip/index.vue
index 096dc9cfe..c71504b81 100644
--- a/frontend/src/views/host/firewall/ip/index.vue
+++ b/frontend/src/views/host/firewall/ip/index.vue
@@ -33,6 +33,7 @@
                                 <TableSetting @search="search()" />
                                 <div class="search-button">
                                     <el-input
+                                        clearable
                                         v-model="searchName"
                                         suffix-icon="Search"
                                         @change="search()"
diff --git a/frontend/src/views/host/firewall/port/index.vue b/frontend/src/views/host/firewall/port/index.vue
index 2dd815e19..cfbfb3a85 100644
--- a/frontend/src/views/host/firewall/port/index.vue
+++ b/frontend/src/views/host/firewall/port/index.vue
@@ -65,6 +65,7 @@
                                 <TableSetting @search="search()" />
                                 <div class="search-button">
                                     <el-input
+                                        clearable
                                         v-model="searchName"
                                         suffix-icon="Search"
                                         @change="search()"
diff --git a/frontend/src/views/host/ssh/log/log.vue b/frontend/src/views/host/ssh/log/log.vue
index e64509042..2af06bc4e 100644
--- a/frontend/src/views/host/ssh/log/log.vue
+++ b/frontend/src/views/host/ssh/log/log.vue
@@ -20,6 +20,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchInfo"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/log/operation/index.vue b/frontend/src/views/log/operation/index.vue
index 2e86266a1..6f633d72c 100644
--- a/frontend/src/views/log/operation/index.vue
+++ b/frontend/src/views/log/operation/index.vue
@@ -18,6 +18,7 @@
                         <TableSetting @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"
diff --git a/frontend/src/views/setting/snapshot/index.vue b/frontend/src/views/setting/snapshot/index.vue
index 28c8b7937..ab9af3720 100644
--- a/frontend/src/views/setting/snapshot/index.vue
+++ b/frontend/src/views/setting/snapshot/index.vue
@@ -18,6 +18,7 @@
                         <TableSetting ref="timerRef" @search="search()" />
                         <div class="search-button">
                             <el-input
+                                clearable
                                 v-model="searchName"
                                 @clear="search()"
                                 suffix-icon="Search"