diff --git a/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavWrapper.js b/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavWrapper.js
index 684f4936c..31999dcb7 100644
--- a/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavWrapper.js
+++ b/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavWrapper.js
@@ -3,11 +3,12 @@ import mq from '../../util/media-queries';
 
 const LeftNavWrapper = styled.div(({ expanded, shouldHideHeader }) => ({
   transition: 'transform 0.15s cubic-bezier(0.2, 0.2, 0.38, 0.9), top 110ms',
-  height: '100vh',
   width: '256px',
   position: 'fixed',
-  left: 0,
   top: shouldHideHeader ? '0px' : '48px',
+  bottom: 0,
+  overflow: 'auto',
+  scrollbarWidth: 'none',
   zIndex: 10000, // z('floating')
   transform: expanded ? 'translateX(0px)' : 'translateX(-256px)',
   '.bx--side-nav.bx--side-nav--website': {