My main section Scroll's along the x-axis inside the sidebar-nav

my main section Scroll’s along the x-axis inside the sidebar-nav. how i fix this
scroll the pink(color)-section, to see what happens
https://codepen.io/solomon123fgt/pen/GRJvLjK?editors=1100

my friend here answer this questions
here is the code that solve my problem

html,body{
  overflow-x: hidden;
  overflow-y: auto;
}