diff --git a/packages/components/autocomplete/__tests__/autocomplete.test.tsx b/packages/components/autocomplete/__tests__/autocomplete.test.tsx
index 593482ea56..b77234e3f3 100644
--- a/packages/components/autocomplete/__tests__/autocomplete.test.tsx
+++ b/packages/components/autocomplete/__tests__/autocomplete.test.tsx
@@ -279,9 +279,9 @@ describe('Autocomplete.vue', () => {
     vi.runAllTimers()
     await nextTick()
 
-    expect(document.body.querySelector('.el-icon-loading')).toBeDefined()
+    expect(document.body.querySelector('.el-icon.is-loading')).toBeDefined()
     await wrapper.setProps({ hideLoading: true })
-    expect(document.body.querySelector('.el-icon-loading')).toBeNull()
+    expect(document.body.querySelector('.el-icon.is-loading')).toBeNull()
   })
 
   test('selectWhenUnmatched', async () => {
diff --git a/packages/theme-chalk/src/autocomplete.scss b/packages/theme-chalk/src/autocomplete.scss
index c03c83e94c..0f8a1d99a1 100644
--- a/packages/theme-chalk/src/autocomplete.scss
+++ b/packages/theme-chalk/src/autocomplete.scss
@@ -71,6 +71,7 @@
   @include when(loading) {
     li {
       text-align: center;
+      cursor: default;
       height: 100px;
       line-height: 100px;
       font-size: 20px;
@@ -81,9 +82,5 @@
         background-color: getCssVar('bg-color', 'overlay');
       }
     }
-
-    & .#{$namespace}-icon-loading {
-      vertical-align: middle;
-    }
   }
 }
diff --git a/packages/theme-chalk/src/icon.scss b/packages/theme-chalk/src/icon.scss
index 10a57a230c..000d17e5dc 100644
--- a/packages/theme-chalk/src/icon.scss
+++ b/packages/theme-chalk/src/icon.scss
@@ -1,10 +1,6 @@
 @use 'mixins/mixins' as *;
 @use 'common/var' as *;
 
-.#{$namespace}-icon-loading {
-  animation: rotating 2s linear infinite;
-}
-
 .#{$namespace}-icon--right {
   margin-left: 5px;
 }