diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss
index 4fa48793e98..47ccdb85d3d 100644
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@@ -18,8 +18,10 @@
     width: 100%;
     height: 100%;
     @media (prefers-reduced-motion: no-preference) {
-      transition: padding-left var(--d-sidebar-animation-time)
-        var(--d-sidebar-animation-ease) !important; // only works with an important... :/
+      .sidebar-animate & {
+        transition: padding-left var(--d-sidebar-animation-time)
+          var(--d-sidebar-animation-ease) !important; // only works with an important... :/
+      }
     }
     .contents {
       display: flex;