diff --git a/packages/Sidenav/src/index.js b/packages/Sidenav/src/index.js
index <HASH>..<HASH> 100644
--- a/packages/Sidenav/src/index.js
+++ b/packages/Sidenav/src/index.js
@@ -45,6 +45,10 @@ const Overlay = styled.div`
 export class Sidenav extends Component {
 
   componentDidMount() {
+    if (this.props.opened && !this.props.permanent) {
+      document.body.style.overflow = 'hidden'
+    }
+
     document.addEventListener('keydown', this.handleKeyDown)
   }
:bug: Fixed small bug about scrolling