reviewed changes

src/backend/views/components/sidebar.twig

@@ -6,7 +6,6 @@
 	</div>
 
 	<aside class="docs-sidebar__content docs-sidebar__content--hidden">
-		<div class="docs-sidebar__menu-wrapper">
 			{% for firstLevelPage in menu %}
 				<section class="docs-sidebar__section" data-id="{{firstLevelPage._id}}">
 					<a class="docs-sidebar__section-title-wrapper" href="{{firstLevelPage.uri ? '/' ~ firstLevelPage.uri : '/page/' ~ firstLevelPage._id }}">
@@ -36,8 +35,6 @@
 					{% endif %}
 				</section>
 			{% endfor %}
-		</div>
-
 		<div class="docs-sidebar__logo">
 			<a class="docs-sidebar__logo-wrapper" href="https://github.com/codex-team/codex.docs">
 				<div class="docs-sidebar__logo-image">

src/frontend/styles/components/sidebar.pcss

@@ -2,8 +2,6 @@
   width: 100vw;
 
   @media (--desktop) {
-    position: fixed;
-    top: var(--layout-height-header);
     width: var(--layout-sidebar-width);
   }
 
@@ -11,9 +9,11 @@
     border-bottom: 1px solid var(--color-line-gray);
     box-sizing: border-box;
     padding: var(--layout-padding-vertical) var(--layout-padding-horizontal);
+    position: sticky;
+    top: var(--layout-height-header);
     display: flex;
     flex-direction: column;
-    overflow: hidden;
+    overflow: auto;
 
     @media (--desktop) {
       height: calc(100vh - var(--layout-height-header));

src/frontend/styles/vars.pcss

@@ -26,7 +26,6 @@
   --layout-padding-vertical: 30px;
 
   --layout-sidebar-width: 344px;
-  --layout-padding-horizontal-aside: 22px;
 
   --layout-width-main-col: 650px;
   --layout-height-header: 56px;
@@ -42,7 +41,6 @@
     var(--layout-max-width-aside-right)
   );
 
-  --layout-height-header: 57px;
 
   @media (--extrem-wide-desktop) {
     --layout-width-aside-right: calc(