diff --git a/components/drawer/DrawerPanel.tsx b/components/drawer/DrawerPanel.tsx
index b422af366a..cd2054c881 100644
--- a/components/drawer/DrawerPanel.tsx
+++ b/components/drawer/DrawerPanel.tsx
@@ -157,18 +157,7 @@ const DrawerPanel: React.FC<DrawerPanelProps> = (props) => {
   }, [footer, footerStyle, prefixCls]);
 
   if (spinProps?.spinning) {
-    return (
-      <Spin
-        spinning={false}
-        style={{
-          height: '100%',
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-        }}
-        {...spinProps}
-      />
-    );
+    return <Spin {...spinProps} />;
   }
 
   return (
diff --git a/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap b/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
index 6bd0196a06..c8776a0ab7 100644
--- a/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
@@ -27,7 +27,6 @@ exports[`Drawer Drawer loading have a spinner 1`] = `
         aria-busy="true"
         aria-live="polite"
         class="ant-spin ant-spin-spinning"
-        style="height: 100%; display: flex; justify-content: center; align-items: center;"
       >
         <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 6fb2c21ac2..edaa03584e 100644
--- a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
@@ -2817,7 +2817,6 @@ Array [
           aria-busy="true"
           aria-live="polite"
           class="ant-spin ant-spin-spinning"
-          style="height: 100%; display: flex; justify-content: center; align-items: center;"
         >
           <span
             class="ant-spin-dot ant-spin-dot-spin"
diff --git a/components/drawer/style/index.ts b/components/drawer/style/index.ts
index f15e2dc992..b2b17a560d 100644
--- a/components/drawer/style/index.ts
+++ b/components/drawer/style/index.ts
@@ -28,6 +28,7 @@ export interface DrawerToken extends FullToken<'Drawer'> {}
 // =============================== Base ===============================
 const genDrawerStyle: GenerateStyle<DrawerToken> = (token) => {
   const {
+    antCls,
     borderRadiusSM,
     componentCls,
     zIndexPopup,
@@ -147,6 +148,13 @@ const genDrawerStyle: GenerateStyle<DrawerToken> = (token) => {
         overflow: 'auto',
         background: colorBgElevated,
         pointerEvents: 'auto',
+        [`${antCls}-spin`]: {
+          width: '100%',
+          height: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        },
       },
 
       // Header