diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less
index 66a204864..b7ad9aeb5 100755
--- a/src/definitions/elements/button.less
+++ b/src/definitions/elements/button.less
@@ -222,6 +222,7 @@
 .ui.animated.button {
   position: relative;
   overflow: hidden;
+  vertical-align: @animatedVerticalAlign;
   padding-right: 0em !important;
 }
 
diff --git a/src/definitions/modules/sidebar.js b/src/definitions/modules/sidebar.js
index a95d0832d..33924a942 100644
--- a/src/definitions/modules/sidebar.js
+++ b/src/definitions/modules/sidebar.js
@@ -83,7 +83,7 @@ $.fn.sidebar = function(parameters) {
           transitionEvent = module.get.transitionEvent();
 
           // cache on initialize
-          if( module.is.legacy() || settings.legacy) {
+          if( (module.useLegacy == 'auto' && module.is.legacy()) || settings.useLegacy) {
             settings.transition = 'overlay';
             settings.useLegacy = true;
           }
@@ -991,7 +991,7 @@ $.fn.sidebar.settings = {
   scrollLock        : false,
   returnScroll      : false,
 
-  useLegacy         : false,
+  useLegacy         : 'auto',
   duration          : 500,
   easing            : 'easeInOutQuint',