diff --git a/src/directives/mwlDraggable.js b/src/directives/mwlDraggable.js
index fab4b2b6..33435af4 100644
--- a/src/directives/mwlDraggable.js
+++ b/src/directives/mwlDraggable.js
@@ -84,7 +84,7 @@ angular
           }
 
           translateElement(elm, 'translate(' + x + 'px, ' + y + 'px)')
-            .css('z-index', 1000)
+            .css('z-index', 50)
             .attr('data-x', x)
             .attr('data-y', y);
 
diff --git a/src/less/month.less b/src/less/month.less
index 5aed0fee..2b58f7bc 100755
--- a/src/less/month.less
+++ b/src/less/month.less
@@ -92,7 +92,7 @@
   position: absolute;
   bottom: 0;
   left: 0;
-  z-index: 1000;
+  z-index: 50;
 }
 .cal-slide-content ul.unstyled {
   margin-bottom: 0;
diff --git a/test/unit/directives/mwlDraggable.spec.js b/test/unit/directives/mwlDraggable.spec.js
index 98e8aca6..092a0f5f 100644
--- a/test/unit/directives/mwlDraggable.spec.js
+++ b/test/unit/directives/mwlDraggable.spec.js
@@ -90,7 +90,7 @@ describe('mwlDraggable directive', function() {
 
     draggableOptions.onstart(event);
     draggableOptions.onmove(event);
-    expect(angular.element(event.target).css('z-index')).to.equal('1000');
+    expect(angular.element(event.target).css('z-index')).to.equal('50');
     expect(angular.element(event.target).attr('data-y')).to.equal('30');
     expect(angular.element(event.target).attr('data-x')).to.equal('0');
     expect(scope.onDrag).to.have.been.calledWith(0, 1);