Rozwijalny help bar po prawej stronie (React)

Hej, chce dodac rozwijalny help bar ktory znajdowalby sie po prawej stronie mojej aplikacji, tutaj link:
https://codesandbox.io/s/collapsible-sidebar-forked-l3hy55?file=/src/styles.css

Dziala to mniej wiecej tak jak chce ale chcialbym zeby ta rozwijalna czesc tego help bara byla calkowicie ukryta a obecnie pojawia sie scrollbar na dole. Jak to naprawic?

body {
  overflow-x: hidden;
}