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;