diff --git a/dist/luminous-basic.css b/dist/luminous-basic.css
index 01fc89ab..7ce95de6 100644
--- a/dist/luminous-basic.css
+++ b/dist/luminous-basic.css
@@ -130,24 +130,20 @@
   padding: 0;
   outline: 0;
   position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 35%;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 100px;
+  max-height: 100%;
+  width: 60px;
   cursor: pointer;
-  opacity: 0;
-  transition: opacity 120ms ease-out;
-}
-
-.lum-gallery-button:hover {
-  opacity: 1;
 }
 
 .lum-previous-button {
-  left: 0;
+  left: 12px;
 }
 
 .lum-next-button {
-  right: 0;
+  right: 12px;
 }
 
 .lum-gallery-button:after {
@@ -163,7 +159,7 @@
 .lum-previous-button:after {
   transform: translateY(-50%) rotate(-45deg);
   border-left: 4px solid rgba(255, 255, 255, 0.8);
-  box-shadow: -1px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
   left: 12%;
   border-radius: 3px 0 0 0;
 }
@@ -171,7 +167,7 @@
 .lum-next-button:after {
   transform: translateY(-50%) rotate(45deg);
   border-right: 4px solid rgba(255, 255, 255, 0.8);
-  box-shadow: 1px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
   right: 12%;
   border-radius: 0 3px 0 0;
 }
diff --git a/dist/luminous-basic.min.css b/dist/luminous-basic.min.css
index e32ef3c0..2b7a68bb 100644
--- a/dist/luminous-basic.min.css
+++ b/dist/luminous-basic.min.css
@@ -1 +1 @@
-@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.lum-lightbox{background:rgba(0,0,0,.6)}.lum-lightbox-inner{top:2.5%;right:2.5%;bottom:2.5%;left:2.5%}.lum-lightbox-inner img{position:relative}.lum-lightbox-inner .lum-lightbox-caption{margin:0 auto;color:#fff;max-width:700px;text-align:center}.lum-loading .lum-lightbox-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:20px;animation:c 1.8s infinite linear}.lum-lightbox-loader:after,.lum-lightbox-loader:before{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;border-radius:20px;background:hsla(0,0%,100%,.9)}.lum-lightbox-loader:before{left:0;animation:d 1.8s infinite linear}.lum-lightbox-loader:after{right:0;animation:e 1.8s infinite linear;animation-delay:-.9s}.lum-lightbox.lum-opening{animation:a .18s ease-out}.lum-lightbox.lum-opening .lum-lightbox-inner{animation:b .18s ease-out}.lum-lightbox.lum-closing{animation:a .3s ease-in;animation-direction:reverse}.lum-lightbox.lum-closing .lum-lightbox-inner{animation:b .3s ease-in;animation-direction:reverse}.lum-img{transition:opacity .12s ease-out}.lum-loading .lum-img{opacity:0}.lum-gallery-button{overflow:hidden;text-indent:150%;white-space:nowrap;background:transparent;border:0;margin:0;padding:0;outline:0;position:absolute;top:0;bottom:0;width:35%;cursor:pointer;opacity:0;transition:opacity .12s ease-out}.lum-gallery-button:hover{opacity:1}.lum-previous-button{left:0}.lum-next-button{right:0}.lum-gallery-button:after{content:"";display:block;position:absolute;top:50%;width:36px;height:36px;border-top:4px solid hsla(0,0%,100%,.8)}.lum-previous-button:after{transform:translateY(-50%) rotate(-45deg);border-left:4px solid hsla(0,0%,100%,.8);box-shadow:-1px 0 rgba(0,0,0,.2);left:12%;border-radius:3px 0 0 0}.lum-next-button:after{transform:translateY(-50%) rotate(45deg);border-right:4px solid hsla(0,0%,100%,.8);box-shadow:1px 0 rgba(0,0,0,.2);right:12%;border-radius:0 3px 0 0}@media (max-width:460px){.lum-lightbox-image-wrapper{display:block;overflow:auto;-webkit-overflow-scrolling:touch}.lum-lightbox-caption{width:100%;position:absolute;bottom:0}.lum-lightbox-inner img{max-width:none;max-height:none;display:block}}
\ No newline at end of file
+@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.lum-lightbox{background:rgba(0,0,0,.6)}.lum-lightbox-inner{top:2.5%;right:2.5%;bottom:2.5%;left:2.5%}.lum-lightbox-inner img{position:relative}.lum-lightbox-inner .lum-lightbox-caption{margin:0 auto;color:#fff;max-width:700px;text-align:center}.lum-loading .lum-lightbox-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:20px;animation:c 1.8s infinite linear}.lum-lightbox-loader:after,.lum-lightbox-loader:before{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;border-radius:20px;background:hsla(0,0%,100%,.9)}.lum-lightbox-loader:before{left:0;animation:d 1.8s infinite linear}.lum-lightbox-loader:after{right:0;animation:e 1.8s infinite linear;animation-delay:-.9s}.lum-lightbox.lum-opening{animation:a .18s ease-out}.lum-lightbox.lum-opening .lum-lightbox-inner{animation:b .18s ease-out}.lum-lightbox.lum-closing{animation:a .3s ease-in;animation-direction:reverse}.lum-lightbox.lum-closing .lum-lightbox-inner{animation:b .3s ease-in;animation-direction:reverse}.lum-img{transition:opacity .12s ease-out}.lum-loading .lum-img{opacity:0}.lum-gallery-button{overflow:hidden;text-indent:150%;white-space:nowrap;background:transparent;border:0;margin:0;padding:0;outline:0;position:absolute;top:50%;transform:translateY(-50%);height:100px;max-height:100%;width:60px;cursor:pointer}.lum-previous-button{left:12px}.lum-next-button{right:12px}.lum-gallery-button:after{content:"";display:block;position:absolute;top:50%;width:36px;height:36px;border-top:4px solid hsla(0,0%,100%,.8)}.lum-previous-button:after{transform:translateY(-50%) rotate(-45deg);border-left:4px solid hsla(0,0%,100%,.8);box-shadow:-2px 0 rgba(0,0,0,.2);left:12%;border-radius:3px 0 0 0}.lum-next-button:after{transform:translateY(-50%) rotate(45deg);border-right:4px solid hsla(0,0%,100%,.8);box-shadow:2px 0 rgba(0,0,0,.2);right:12%;border-radius:0 3px 0 0}@media (max-width:460px){.lum-lightbox-image-wrapper{display:block;overflow:auto;-webkit-overflow-scrolling:touch}.lum-lightbox-caption{width:100%;position:absolute;bottom:0}.lum-lightbox-inner img{max-width:none;max-height:none;display:block}}
\ No newline at end of file
diff --git a/src/css/luminous-basic.css b/src/css/luminous-basic.css
index 01fc89ab..7ce95de6 100644
--- a/src/css/luminous-basic.css
+++ b/src/css/luminous-basic.css
@@ -130,24 +130,20 @@
   padding: 0;
   outline: 0;
   position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 35%;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 100px;
+  max-height: 100%;
+  width: 60px;
   cursor: pointer;
-  opacity: 0;
-  transition: opacity 120ms ease-out;
-}
-
-.lum-gallery-button:hover {
-  opacity: 1;
 }
 
 .lum-previous-button {
-  left: 0;
+  left: 12px;
 }
 
 .lum-next-button {
-  right: 0;
+  right: 12px;
 }
 
 .lum-gallery-button:after {
@@ -163,7 +159,7 @@
 .lum-previous-button:after {
   transform: translateY(-50%) rotate(-45deg);
   border-left: 4px solid rgba(255, 255, 255, 0.8);
-  box-shadow: -1px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
   left: 12%;
   border-radius: 3px 0 0 0;
 }
@@ -171,7 +167,7 @@
 .lum-next-button:after {
   transform: translateY(-50%) rotate(45deg);
   border-right: 4px solid rgba(255, 255, 255, 0.8);
-  box-shadow: 1px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
   right: 12%;
   border-radius: 0 3px 0 0;
 }