BUG - Hidden "FAQ" menu items in sidebar on desktop screen

Issue

Hi, I have noticed an issue with the sidebar section on the desktop screen. The FAQ menu contains two items(Versioning Policy and Virtual DOM and Internals) that are hidden or not shown properly scroll down to the bottom.

Steps To Reproduce

Although there may be different approaches to fix this issue I have found one of them mentioned below. Link of the following code to update.

• from

  [media.greaterThan('small')]: {
                position: 'fixed',
                zIndex: 2,
                // previous code
                // height: 'calc(100vh - 60px)',
                // updated code
                height: calc(100vh - 110px);
                overflowY: 'auto',
                WebkitOverflowScrolling: 'touch',
                marginRight: -999,
                paddingRight: 999,
                backgroundColor: '#f7f7f7',
                opacity: '1 !important',
              },
  
              [media.size('small')]: {
               // previous code
                // height: 'calc(100vh - 40px)',
                // updated code
                height: calc(100vh - 110px);
              },
  
              [media.between('medium', 'large')]: {
               // previous code
                // height: 'calc(100vh - 50px)',
                // updated code
                height: calc(100vh - 110px);
              },
  

The current behavior

The expected behavior

Start in src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js around lines 91-109 and inspect the sidebar height and overflow behavior at desktop and responsive breakpoints. Verify the FAQ entries Versioning Policy and Virtual DOM and Internals remain visible and reachable when scrolling to the bottom on the affected screen sizes.