diff --git a/components/drawer/DrawerPanel.tsx b/components/drawer/DrawerPanel.tsx
index cd2054c881..6fa56cbec7 100644
--- a/components/drawer/DrawerPanel.tsx
+++ b/components/drawer/DrawerPanel.tsx
@@ -157,7 +157,12 @@ const DrawerPanel: React.FC<DrawerPanelProps> = (props) => {
   }, [footer, footerStyle, prefixCls]);
 
   if (spinProps?.spinning) {
-    return <Spin {...spinProps} />;
+    return (
+      <Spin
+        {...spinProps}
+        className={classNames(spinProps.className, `${prefixCls}-content-spin`)}
+      />
+    );
   }
 
   return (
diff --git a/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap b/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
index c8776a0ab7..bf10b8b17e 100644
--- a/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
@@ -26,7 +26,7 @@ exports[`Drawer Drawer loading have a spinner 1`] = `
       <div
         aria-busy="true"
         aria-live="polite"
-        class="ant-spin ant-spin-spinning"
+        class="ant-spin ant-spin-spinning ant-drawer-content-spin"
       >
         <span
           class="ant-spin-dot ant-spin-dot-spin"
diff --git a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
index edaa03584e..b85f9b5071 100644
--- a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
@@ -2816,7 +2816,7 @@ Array [
         <div
           aria-busy="true"
           aria-live="polite"
-          class="ant-spin ant-spin-spinning"
+          class="ant-spin ant-spin-spinning ant-drawer-content-spin"
         >
           <span
             class="ant-spin-dot ant-spin-dot-spin"
diff --git a/components/drawer/style/index.ts b/components/drawer/style/index.ts
index b2b17a560d..a3a2b2d612 100644
--- a/components/drawer/style/index.ts
+++ b/components/drawer/style/index.ts
@@ -28,7 +28,6 @@ export interface DrawerToken extends FullToken<'Drawer'> {}
 // =============================== Base ===============================
 const genDrawerStyle: GenerateStyle<DrawerToken> = (token) => {
   const {
-    antCls,
     borderRadiusSM,
     componentCls,
     zIndexPopup,
@@ -148,7 +147,7 @@ const genDrawerStyle: GenerateStyle<DrawerToken> = (token) => {
         overflow: 'auto',
         background: colorBgElevated,
         pointerEvents: 'auto',
-        [`${antCls}-spin`]: {
+        [`${componentCls}-content-spin`]: {
           width: '100%',
           height: '100%',
           display: 'flex',