diff --git a/src/layouts/modules/global-search/components/search-footer.vue b/src/layouts/modules/global-search/components/search-footer.vue
index b4089e0d..dec512f2 100644
--- a/src/layouts/modules/global-search/components/search-footer.vue
+++ b/src/layouts/modules/global-search/components/search-footer.vue
@@ -7,30 +7,30 @@ defineOptions({ name: 'SearchFooter' });
 <template>
   <div class="h-44px flex-y-center gap-14px px-24px">
     <span class="flex-y-center">
-      <icon-mdi-keyboard-return class="icon-shadow icon-item" />
+      <icon-mdi-keyboard-return class="operate-shadow operate-item" />
       <span>{{ $t('common.confirm') }}</span>
     </span>
     <span class="flex-y-center">
-      <icon-mdi-arrow-up-thin class="icon-shadow icon-item" />
-      <icon-mdi-arrow-down-thin class="icon-shadow icon-item" />
+      <icon-mdi-arrow-up-thin class="operate-shadow operate-item" />
+      <icon-mdi-arrow-down-thin class="operate-shadow operate-item" />
       <span>{{ $t('common.switch') }}</span>
     </span>
     <span class="flex-y-center">
-      <icon-mdi-keyboard-esc class="icon-shadow icon-item" />
+      <icon-mdi-keyboard-esc class="operate-shadow operate-item" />
       <span>{{ $t('common.close') }}</span>
     </span>
   </div>
 </template>
 
 <style lang="scss" scoped>
-.icon-shadow {
+.operate-shadow {
   box-shadow:
     inset 0 -2px #cdcde6,
     inset 0 0 1px 1px #fff,
     0 1px 2px 1px #1e235a66;
 }
 
-.icon-item {
+.operate-item {
   --at-apply: mr-6px p-2px text-20px;
 }
 </style>