diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1c2af95..4a86de4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.3.0](https://github.com/ngneat/dialog/compare/v3.2.1...v3.3.0) (2023-01-05)
+
+
+### Features
+
+* 🎸 add more variables ([b2be840](https://github.com/ngneat/dialog/commit/b2be840f6d224c318d080d3f5f9c42484ffcc5f1))
+
 ### [3.2.1](https://github.com/ngneat/dialog/compare/v3.2.0...v3.2.1) (2023-01-05)
 
 
diff --git a/projects/ngneat/dialog/package.json b/projects/ngneat/dialog/package.json
index a839afb..f30a4ab 100644
--- a/projects/ngneat/dialog/package.json
+++ b/projects/ngneat/dialog/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngneat/dialog",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "description": "Simple to use, highly customizable, and powerful modal for Angular Apps",
   "dependencies": {
     "tslib": "2.3.1"
diff --git a/projects/ngneat/dialog/src/lib/dialog.component.scss b/projects/ngneat/dialog/src/lib/dialog.component.scss
index bc23b6e..df67df5 100644
--- a/projects/ngneat/dialog/src/lib/dialog.component.scss
+++ b/projects/ngneat/dialog/src/lib/dialog.component.scss
@@ -43,7 +43,7 @@
   height: 100%;
   width: 100%;
   padding: 30px;
-  z-index: 1050;
+  z-index: var(--dialog-backdrop-z-index, 1050);
   background-color: transparent;
 
   &.ngneat-dialog-backdrop-visible {
@@ -70,7 +70,7 @@
   cursor: move;
   width: 100%;
   height: 10px;
-  z-index: 1051;
+  z-index: var(--dialog-drag-marker-z-index, 1051);
 }
 
 .ngneat-close-dialog {