diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 5fd99a8..0458363 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -5425,14 +5425,12 @@
   #sidebar {
     min-width: var(--uc-sidebar-width) !important;
     max-width: var(--uc-sidebar-width) !important;
-    transition: min-width 750ms var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
     will-change: min-width, max-width;
   }
 
   #sidebar-box:hover > #sidebar {
     min-width: var(--uc-sidebar-hover-width) !important;
     max-width: var(--uc-sidebar-hover-width) !important;
-    transition-delay: 0ms !important;
   }
 
   :root[inFullscreen="true"] #sidebar-box {
@@ -5440,20 +5438,34 @@
     max-width: var(--uc-sidebar-hover-width) !important;
     margin-inline-start: calc(-1 * var(--uc-sidebar-hover-width)) !important;
     transform: translateX(4px) !important;
-    transition: transform 1s var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
     will-change: transform;
   }
-
   :root[inFullscreen="true"] #sidebar-box:hover {
     transform: translateX(var(--uc-sidebar-hover-width)) !important;
-    transition-delay: 0ms !important;
   }
-
   :root[inFullscreen="true"] #sidebar-box #sidebar-header,
   :root[inFullscreen="true"] #sidebar-box #sidebar {
     min-width: calc(var(--uc-sidebar-hover-width)) !important;
     max-width: calc(var(--uc-sidebar-hover-width)) !important;
     box-shadow: 2px 0 33px var(--uc-sidebar-shadow-color);
+    will-change: unset;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    #sidebar {
+      transition: min-width 750ms var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
+    }
+
+    #sidebar-box:hover > #sidebar {
+      transition-delay: 0ms !important;
+    }
+
+    :root[inFullscreen="true"] #sidebar-box {
+      transition: transform 1s var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
+    }
+    :root[inFullscreen="true"] #sidebar-box:hover {
+      transition-delay: 0ms !important;
+    }
   }
 }
 /** Library - Icons Replace ***************************************************/
diff --git a/src/autohide/sidebar/_overlay.scss b/src/autohide/sidebar/_overlay.scss
index 95ecff0..d9af518 100644
--- a/src/autohide/sidebar/_overlay.scss
+++ b/src/autohide/sidebar/_overlay.scss
@@ -36,14 +36,12 @@
   min-width: var(--uc-sidebar-width) !important;
   max-width: var(--uc-sidebar-width) !important;
 
-  transition: min-width 750ms var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
   will-change: min-width, max-width;
 }
 
 #sidebar-box:hover > #sidebar {
   min-width: var(--uc-sidebar-hover-width) !important;
   max-width: var(--uc-sidebar-hover-width) !important;
-  transition-delay: 0ms !important;
 }
 
 :root[inFullscreen="true"] #sidebar-box {
@@ -52,19 +50,36 @@
   margin-inline-start: calc(-1 * var(--uc-sidebar-hover-width)) !important;
 
   transform: translateX(4px) !important;
-
-  transition: transform 1s var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
   will-change: transform;
+
+  &:hover {
+    transform: translateX(var(--uc-sidebar-hover-width)) !important;
+  }
+
+  #sidebar-header,
+  #sidebar {
+    min-width: calc(var(--uc-sidebar-hover-width)) !important;
+    max-width: calc(var(--uc-sidebar-hover-width)) !important;
+    box-shadow: 2px 0 33px var(--uc-sidebar-shadow-color);
+
+    will-change: unset;
+  }
 }
 
-:root[inFullscreen="true"] #sidebar-box:hover {
-  transform: translateX(var(--uc-sidebar-hover-width)) !important;
-  transition-delay: 0ms !important;
-}
+@include Animate {
+  #sidebar {
+    transition: min-width 750ms var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
+  }
 
-:root[inFullscreen="true"] #sidebar-box #sidebar-header,
-:root[inFullscreen="true"] #sidebar-box #sidebar {
-  min-width: calc(var(--uc-sidebar-hover-width)) !important;
-  max-width: calc(var(--uc-sidebar-hover-width)) !important;
-  box-shadow: 2px 0 33px var(--uc-sidebar-shadow-color);
+  #sidebar-box:hover > #sidebar {
+    transition-delay: 0ms !important;
+  }
+
+  :root[inFullscreen="true"] #sidebar-box {
+    transition: transform 1s var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
+
+    &:hover {
+      transition-delay: 0ms !important;
+    }
+  }
 }