diff --git a/src/views/device/apdevice/modules/device-search.vue b/src/views/device/apdevice/modules/device-search.vue
index 2a5d640..73c9b46 100644
--- a/src/views/device/apdevice/modules/device-search.vue
+++ b/src/views/device/apdevice/modules/device-search.vue
@@ -12,18 +12,20 @@
       </AFormItem>
       <AFormItem>
         <ASpace>
-          <AButton type="primary" ghost :loading="loading" @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+          <div class="w-full flex-y-center justify-end gap-12px">
+          <AButton type="primary" ghost  @click="search">
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.apdevice.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.apdevice.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/device/terminal/modules/terminal-search.vue b/src/views/device/terminal/modules/terminal-search.vue
index 28513e1..931b082 100644
--- a/src/views/device/terminal/modules/terminal-search.vue
+++ b/src/views/device/terminal/modules/terminal-search.vue
@@ -30,18 +30,20 @@
       </AFormItem>
       <AFormItem>
         <ASpace>
-          <AButton type="primary" ghost :loading="loading" @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+          <div class="w-full flex-y-center justify-end gap-12px">
+          <AButton type="primary" ghost  @click="search">
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.terminal.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.terminal.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/bill/modules/bill-search.vue b/src/views/user-center/bill/modules/bill-search.vue
index 6fc6730..545d540 100644
--- a/src/views/user-center/bill/modules/bill-search.vue
+++ b/src/views/user-center/bill/modules/bill-search.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="ts" xmlns="http://www.w3.org/1999/html">
 import { ref, computed } from 'vue';
 import { Form } from 'ant-design-vue';
 import type { FormInstance } from 'ant-design-vue';
@@ -94,15 +94,16 @@ const orderStatusOptions =computed(()=> [
       </AFormItem>
       <AFormItem class="flex-1 justify-end">
         <ASpace>
+          <div class="w-full flex-y-center justify-end gap-12px">
           <AButton type="primary" ghost @click="handleSearch">
-            <template #icon>
-            <icon-mdi-search />
-          </template>
-            {{ t('page.bill.search') }}</AButton>
+            <div class="flex-y-center gap-8px">
+            <icon-mdi-search class="text-icon"/>
+              {{ t('page.bill.search') }}</div></AButton>
           <AButton @click="handleReset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>{{ t('page.bill.reset') }}</AButton>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
+              {{ t('page.bill.reset') }}</div></AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/cdr/modules/cdr-search.vue b/src/views/user-center/cdr/modules/cdr-search.vue
index 56f3fc0..dd2c0a9 100644
--- a/src/views/user-center/cdr/modules/cdr-search.vue
+++ b/src/views/user-center/cdr/modules/cdr-search.vue
@@ -96,18 +96,20 @@ const reset = () => {
       </AFormItem>
       <AFormItem>
         <ASpace>
+          <div class="w-full flex-y-center justify-end gap-12px">
           <AButton type="primary" ghost @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.cdr.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.cdr.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/kyc/modules/kyc-search.vue b/src/views/user-center/kyc/modules/kyc-search.vue
index e1381bc..074dde4 100644
--- a/src/views/user-center/kyc/modules/kyc-search.vue
+++ b/src/views/user-center/kyc/modules/kyc-search.vue
@@ -31,14 +31,16 @@
       </AFormItem>
       <AFormItem class="flex-1 justify-end">
         <ASpace>
+          <div class="w-full flex-y-center justify-end gap-12px">
           <AButton type="primary" ghost @click="handleSearch">
-            <template #icon>
-              <icon-mdi-search />
-            </template>{{ t('page.kyc.search') }}</AButton>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
+              {{ t('page.kyc.search') }}</div></AButton>
           <AButton @click="handleReset">
-            <template #icon>
-            <icon-mdi-refresh />
-          </template>{{ t('page.kyc.reset') }}</AButton>
+            <div class="flex-y-center gap-8px">
+            <icon-mdi-refresh class="text-icon"/>
+              {{ t('page.kyc.reset') }}</div></AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/user/modules/user-search.vue b/src/views/user-center/user/modules/user-search.vue
index c0d1e0b..a860907 100644
--- a/src/views/user-center/user/modules/user-search.vue
+++ b/src/views/user-center/user/modules/user-search.vue
@@ -60,18 +60,20 @@ const reset = () => {
       </AFormItem>
       <AFormItem>
         <ASpace>
-          <AButton type="primary" ghost :loading="loading" @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+          <div class="w-full flex-y-center justify-end gap-12px">
+          <AButton type="primary" ghost  @click="search">
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.user.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.user.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>