diff --git a/bower.json b/bower.json
index 2338a4f..d260d23 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-gallery",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "homepage": "https://github.com/mycolorway/simple-gallery",
   "authors": [
     "kshift <kshift.lv@gmail.com>"
diff --git a/package.json b/package.json
index 1e4c0ce..ac5f983 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-gallery",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "a simple gallery widget based on Simple Module",
   "repository": {
     "type": "git",
diff --git a/styles/gallery.css b/styles/gallery.css
index 5afe023..f55f1bc 100644
--- a/styles/gallery.css
+++ b/styles/gallery.css
@@ -6,7 +6,7 @@ html.simple-gallery-active {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 9999;
+  z-index: 500;
   width: 100%;
   height: 100%;
   transition: background-color 200ms ease-out;
@@ -73,7 +73,7 @@ html.simple-gallery-active {
   border-radius: 4px;
   background-color: #999;
   opacity: 0.6;
-  z-index: 100;
+  z-index: 501;
 }
 .simple-gallery .zoom-in:hover {
   opacity: 1;
@@ -175,7 +175,7 @@ html.simple-gallery-active {
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 9999;
+  z-index: 502;
   overflow: auto;
   background-color: #000;
 }
diff --git a/styles/gallery.scss b/styles/gallery.scss
index 879d60f..45b13fa 100644
--- a/styles/gallery.scss
+++ b/styles/gallery.scss
@@ -6,7 +6,7 @@ html.simple-gallery-active {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 9999;
+  z-index: 500;
   width: 100%;
   height: 100%;
 
@@ -82,7 +82,7 @@ html.simple-gallery-active {
     border-radius: 4px;
     background-color: #999;
     opacity: 0.6;
-    z-index: 100;
+    z-index: 501;
 
     &:hover {
       opacity: 1;
@@ -200,7 +200,7 @@ html.simple-gallery-active {
     right: 0;
     bottom: 0;
     left: 0;
-    z-index: 9999;
+    z-index: 502;
     overflow: auto;
     background-color: #000;