diff --git a/src/action-sheet/index.less b/src/action-sheet/index.less
index 8285a5ccc..3a776e4f7 100644
--- a/src/action-sheet/index.less
+++ b/src/action-sheet/index.less
@@ -78,6 +78,11 @@
     }
   }
 
+  &__loading-icon .van-loading__spinner {
+    width: @action-sheet-loading-icon-size;
+    height: @action-sheet-loading-icon-size;
+  }
+
   &__close {
     position: absolute;
     top: 0;
diff --git a/src/action-sheet/index.tsx b/src/action-sheet/index.tsx
index 77808b419..2c5adcd53 100644
--- a/src/action-sheet/index.tsx
+++ b/src/action-sheet/index.tsx
@@ -97,7 +97,7 @@ function ActionSheet(
 
     function OptionContent() {
       if (loading) {
-        return <Loading size="20px" />;
+        return <Loading class={bem('loading-icon')} />;
       }
 
       return [
diff --git a/src/action-sheet/test/__snapshots__/index.spec.js.snap b/src/action-sheet/test/__snapshots__/index.spec.js.snap
index e71b51fbe..d1bb01fd6 100644
--- a/src/action-sheet/test/__snapshots__/index.spec.js.snap
+++ b/src/action-sheet/test/__snapshots__/index.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`callback events 1`] = `
 <div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item van-action-sheet__item--disabled"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item van-action-sheet__item--loading">
-    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+    <div class="van-loading van-loading--circular van-action-sheet__loading-icon"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
   </button><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span>
     <div class="van-action-sheet__subname">Subname</div></button>
   <div class="van-action-sheet__gap"></div><button type="button" class="van-action-sheet__cancel">Cancel</button>
diff --git a/src/style/var.less b/src/style/var.less
index f4fd347ae..230fa9fc6 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -85,6 +85,7 @@
 @action-sheet-cancel-text-color: @gray-7;
 @action-sheet-cancel-padding-top: @padding-xs;
 @action-sheet-cancel-padding-color: @background-color;
+@action-sheet-loading-icon-size: 22px;
 
 // AddressEdit
 @address-edit-padding: @padding-sm;