diff --git a/frontend/src/metabase/query_builder/components/view/View/QueryViewNotebook/QueryViewNotebook.styled.jsx b/frontend/src/metabase/query_builder/components/view/View/QueryViewNotebook/QueryViewNotebook.styled.jsx
index 54e41e2b18971ab47b3be5712a86b121aa6fb9bb..89c5db6063e4fa4b4224cbdd5595768d092e22db 100644
--- a/frontend/src/metabase/query_builder/components/view/View/QueryViewNotebook/QueryViewNotebook.styled.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/QueryViewNotebook/QueryViewNotebook.styled.jsx
@@ -26,4 +26,10 @@ export const NotebookContainer = styled.div`
       opacity: 1;
       transform: translateY(0);
     `}
+
+  @media (prefers-reduced-motion) {
+    // Must have some transition time, if tiny,
+    // so that it will trigger 'onTransitionEnd' in the component
+    transition: transform 10ms, opacity 10ms;
+  }
 `;