diff --git a/packages/theme-chalk/src/autocomplete.scss b/packages/theme-chalk/src/autocomplete.scss
index 2406b34904..ee782d64dc 100644
--- a/packages/theme-chalk/src/autocomplete.scss
+++ b/packages/theme-chalk/src/autocomplete.scss
@@ -56,9 +56,7 @@
     font-size: getCssVar('font-size', 'base');
     list-style: none;
     text-align: left;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    @include utils-ellipsis;
 
     &:hover {
       background-color: map.get($select-option, 'hover-background');
@@ -80,13 +78,14 @@
 
   @include when(loading) {
     li {
-      text-align: center;
       cursor: default;
       height: 100px;
-      line-height: 100px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
       font-size: 20px;
       color: getCssVar('text-color', 'secondary');
-      @include utils-vertical-center;
 
       &:hover {
         background-color: getCssVar('bg-color', 'overlay');
diff --git a/packages/theme-chalk/src/button.scss b/packages/theme-chalk/src/button.scss
index d2441bcef1..b953ac4fbe 100644
--- a/packages/theme-chalk/src/button.scss
+++ b/packages/theme-chalk/src/button.scss
@@ -3,7 +3,6 @@
 @use 'common/var' as *;
 @use 'mixins/button' as *;
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 
 $button-icon-span-gap: () !default;
diff --git a/packages/theme-chalk/src/checkbox-button.scss b/packages/theme-chalk/src/checkbox-button.scss
index 3e0a7ae0f4..1b45449c3d 100644
--- a/packages/theme-chalk/src/checkbox-button.scss
+++ b/packages/theme-chalk/src/checkbox-button.scss
@@ -2,7 +2,6 @@
 
 @use 'common/var' as *;
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'mixins/button' as *;
 
diff --git a/packages/theme-chalk/src/checkbox.scss b/packages/theme-chalk/src/checkbox.scss
index 5a4d359fae..798a464b1c 100644
--- a/packages/theme-chalk/src/checkbox.scss
+++ b/packages/theme-chalk/src/checkbox.scss
@@ -4,7 +4,6 @@
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'mixins/_button';
-@use 'mixins/utils' as *;
 
 $checkbox-height: () !default;
 $checkbox-height: map.merge($common-component-size, $checkbox-height);
diff --git a/packages/theme-chalk/src/dialog.scss b/packages/theme-chalk/src/dialog.scss
index da97787d79..e623379c97 100644
--- a/packages/theme-chalk/src/dialog.scss
+++ b/packages/theme-chalk/src/dialog.scss
@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 @use 'common/popup' as *;
diff --git a/packages/theme-chalk/src/form.scss b/packages/theme-chalk/src/form.scss
index bae9415159..20d0d3f20b 100644
--- a/packages/theme-chalk/src/form.scss
+++ b/packages/theme-chalk/src/form.scss
@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 
diff --git a/packages/theme-chalk/src/input-tag.scss b/packages/theme-chalk/src/input-tag.scss
index 8d89a40b3e..4a1cbee8ed 100644
--- a/packages/theme-chalk/src/input-tag.scss
+++ b/packages/theme-chalk/src/input-tag.scss
@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 
diff --git a/packages/theme-chalk/src/link.scss b/packages/theme-chalk/src/link.scss
index 6a9878b408..2f5e4a6347 100644
--- a/packages/theme-chalk/src/link.scss
+++ b/packages/theme-chalk/src/link.scss
@@ -10,10 +10,9 @@
 }
 
 @include b(link) {
-  display: inline-flex;
+  @include utils-inline-flex-center;
+
   flex-direction: row;
-  align-items: center;
-  justify-content: center;
   vertical-align: middle;
   position: relative;
   text-decoration: none;
@@ -63,9 +62,7 @@
   }
 
   @include e(inner) {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
+    @include utils-inline-flex-center;
   }
 
   @each $type in $types {
diff --git a/packages/theme-chalk/src/menu.scss b/packages/theme-chalk/src/menu.scss
index e995ac9c9d..a5896f3b25 100644
--- a/packages/theme-chalk/src/menu.scss
+++ b/packages/theme-chalk/src/menu.scss
@@ -1,6 +1,5 @@
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
-@use 'mixins/utils' as *;
 @use 'common/var' as *;
 @use 'common/transition';
 
diff --git a/packages/theme-chalk/src/pagination.scss b/packages/theme-chalk/src/pagination.scss
index 42702cb163..8f1da10f21 100644
--- a/packages/theme-chalk/src/pagination.scss
+++ b/packages/theme-chalk/src/pagination.scss
@@ -1,5 +1,4 @@
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 
diff --git a/packages/theme-chalk/src/radio-button.scss b/packages/theme-chalk/src/radio-button.scss
index e735bda83a..4b98266bfa 100644
--- a/packages/theme-chalk/src/radio-button.scss
+++ b/packages/theme-chalk/src/radio-button.scss
@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'mixins/button' as *;
 @use 'common/var' as *;
diff --git a/packages/theme-chalk/src/radio.scss b/packages/theme-chalk/src/radio.scss
index 394d0e5efa..38853c1a42 100644
--- a/packages/theme-chalk/src/radio.scss
+++ b/packages/theme-chalk/src/radio.scss
@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'mixins/button' as *;
 @use 'common/var' as *;
diff --git a/packages/theme-chalk/src/row.scss b/packages/theme-chalk/src/row.scss
index 00cccb05c5..ffe4cf8ec6 100644
--- a/packages/theme-chalk/src/row.scss
+++ b/packages/theme-chalk/src/row.scss
@@ -1,6 +1,5 @@
 @use 'common/var' as *;
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 
 @include b(row) {
   display: flex;