diff --git a/packages/mui-material/src/useScrollTrigger/useScrollTrigger.js b/packages/mui-material/src/useScrollTrigger/useScrollTrigger.js
index d88baaf06ba1c6..ec582b3913676a 100644
--- a/packages/mui-material/src/useScrollTrigger/useScrollTrigger.js
+++ b/packages/mui-material/src/useScrollTrigger/useScrollTrigger.js
@@ -31,9 +31,9 @@ export default function useScrollTrigger(options = {}) {
     };
 
     handleScroll(); // Re-evaluate trigger when dependencies change
-    target.addEventListener('scroll', handleScroll);
+    target.addEventListener('scroll', handleScroll, { passive: true });
     return () => {
-      target.removeEventListener('scroll', handleScroll);
+      target.removeEventListener('scroll', handleScroll, { passive: true });
     };
     // See Option 3. https://github.com/facebook/react/issues/14476#issuecomment-471199055
     // eslint-disable-next-line react-hooks/exhaustive-deps