diff --git a/components/drawer/nz-drawer.component.html b/components/drawer/nz-drawer.component.html
index b4b8116c5fe..dd9dc580348 100644
--- a/components/drawer/nz-drawer.component.html
+++ b/components/drawer/nz-drawer.component.html
@@ -7,10 +7,10 @@
     [class.ant-drawer-bottom]="nzPlacement === 'bottom'"
     [class.ant-drawer-right]="nzPlacement === 'right'"
     [class.ant-drawer-left]="nzPlacement === 'left'"
-    [style.transform]="offsetTransform">
-    <div  class="ant-drawer-mask" (click)="maskClick()" *ngIf="nzMask" [style.zIndex]="nzZIndex" [ngStyle]="nzMaskStyle"></div>
+    [style.transform]="offsetTransform"
+    [style.zIndex]="nzZIndex">
+    <div  class="ant-drawer-mask" (click)="maskClick()" *ngIf="nzMask" [ngStyle]="nzMaskStyle"></div>
     <div class="ant-drawer-content-wrapper {{ nzWrapClassName }}"
-         [style.zIndex]="nzZIndex"
          [style.width]="width"
          [style.height]="height"
          [style.transform]="transform">
diff --git a/components/drawer/nz-drawer.spec.ts b/components/drawer/nz-drawer.spec.ts
index 285fcd71f23..37c77257de9 100644
--- a/components/drawer/nz-drawer.spec.ts
+++ b/components/drawer/nz-drawer.spec.ts
@@ -233,12 +233,7 @@ describe('NzDrawerComponent', () => {
     component.open();
     fixture.detectChanges();
     expect(overlayContainerElement.querySelector('.ant-drawer')!.classList.contains('ant-drawer-open')).toBe(true);
-    expect((overlayContainerElement.querySelector('.ant-drawer .ant-drawer-mask') as HTMLElement).style.zIndex).toBe(
-      '1001'
-    );
-    expect(
-      (overlayContainerElement.querySelector('.ant-drawer .ant-drawer-content-wrapper') as HTMLElement).style.zIndex
-    ).toBe('1001');
+    expect((overlayContainerElement.querySelector('.ant-drawer') as HTMLElement).style.zIndex).toBe('1001');
   });
 
   it('should nzPlacement work', () => {