diff --git a/backend/static/css/components/rightbar-calendar.css b/backend/static/css/components/rightbar-calendar.css
index 68d61e8d..8ecb92b7 100644
--- a/backend/static/css/components/rightbar-calendar.css
+++ b/backend/static/css/components/rightbar-calendar.css
@@ -47,11 +47,15 @@
   padding: var(--space-2);
 }
 
+/* На десктопе rightbar становится sticky с фиксированной высотой
+   Высота = 100vh - navbar - 2*отступ (сверху и снизу)
+   top = navbar + отступ сверху
+   Не перемещается с основным скролом страницы, скролл только внутри .card-body */
 @media (min-width: 992px){
   .rightbar{
     position: sticky; 
-    top: var(--navbar-h);
-    height: calc(100dvh - var(--navbar-h));
+    top: calc(var(--navbar-h) + var(--layout-padding-y, 12px));
+    height: calc(100dvh - var(--navbar-h) - 2 * var(--layout-padding-y, 12px));
     overflow: hidden;
     /* padding управляется через Bootstrap классы в шаблоне (px-0, py-3 и т.д.) */
   }
diff --git a/backend/static/css/components/sidebar.css b/backend/static/css/components/sidebar.css
index edd20d4b..2ac7fb61 100644
--- a/backend/static/css/components/sidebar.css
+++ b/backend/static/css/components/sidebar.css
@@ -17,11 +17,15 @@
   background: var(--bs-body-bg);
 }
 
+/* На десктопе sidebar становится sticky с фиксированной высотой
+   Высота = 100vh - navbar - 2*отступ (сверху и снизу)
+   top = navbar + отступ сверху
+   Не перемещается с основным скролом страницы, имеет свой внутренний скролл */
 @media (min-width: 992px) {
   #sidebar.offcanvas-lg {
     position: sticky;
-    top: var(--navbar-h, 60px);
-    height: calc(100dvh - var(--navbar-h, 60px));
+    top: calc(var(--navbar-h, 60px) + var(--layout-padding-y, 12px));
+    height: calc(100dvh - var(--navbar-h, 60px) - 2 * var(--layout-padding-y, 12px));
     align-self: start;
     overflow: auto;
     border-right: .5px solid var(--bs-border-color);