diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index 3e094f0a..00a6747a 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -80,7 +80,7 @@
   }
 
   &__days-section {
-    margin-top: 20px;
+    margin-top: vars.$space-xl;
   }
 
   // 'Дни выполнения рейса' label — Angular shows it in sentence case at
diff --git a/src/features/online-board/components/OnlineBoardStartPage.scss b/src/features/online-board/components/OnlineBoardStartPage.scss
index 461383e3..b8c8c9ad 100644
--- a/src/features/online-board/components/OnlineBoardStartPage.scss
+++ b/src/features/online-board/components/OnlineBoardStartPage.scss
@@ -9,7 +9,7 @@
 
     h2 {
       padding: 50px;
-      padding-bottom: 20px;
+      padding-bottom: vars.$space-xl;
     }
 
     .titles-container {
diff --git a/src/features/schedule/components/ScheduleStartPage.scss b/src/features/schedule/components/ScheduleStartPage.scss
index d1a53529..271b41fe 100644
--- a/src/features/schedule/components/ScheduleStartPage.scss
+++ b/src/features/schedule/components/ScheduleStartPage.scss
@@ -10,7 +10,7 @@
 
     h2 {
       padding: 50px;
-      padding-bottom: 20px;
+      padding-bottom: vars.$space-xl;
     }
 
     .titles-container {
@@ -270,7 +270,7 @@
   // color override on the text block, no link restyling (Angular leaves
   // `a` unstyled here so the global link mixin takes over).
   .bottom-description-frame {
-    margin-top: 20px;
+    margin-top: vars.$space-xl;
   }
 
   .bottom-description-container {
@@ -283,7 +283,7 @@
   }
 
   .bottom-description-text {
-    margin-top: 20px;
+    margin-top: vars.$space-xl;
     line-height: 20px;
   }