diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss
index 2cec93e1..1eb242ac 100644
--- a/src/features/online-board/components/DayTabs/DayTabs.scss
+++ b/src/features/online-board/components/DayTabs/DayTabs.scss
@@ -22,13 +22,16 @@
     cursor: not-allowed;
   }
 
+  // Angular's tabs size each line small: weekday 11px, day number 16px,
+  // month 12px. Active tab keeps everything the same size but switches to
+  // #333 and weight 500; siblings stay in the brand link blue.
   &__weekday {
-    font-size: 12px;
+    font-size: 11px;
     display: block;
   }
 
   &__day {
-    font-size: 20px;
+    font-size: 16px;
     font-weight: 500;
     display: block;
   }
diff --git a/src/features/online-board/components/details-panels/panels.scss b/src/features/online-board/components/details-panels/panels.scss
index 99503ac2..61884149 100644
--- a/src/features/online-board/components/details-panels/panels.scss
+++ b/src/features/online-board/components/details-panels/panels.scss
@@ -86,12 +86,20 @@
   }
 }
 
+// Meal/service icon links ('Эконом класс', 'Выбор места', 'Space+', …).
+// Angular renders the label text at 12px in #4A90E2 (brand link blue),
+// which hints the whole tile is clickable without underlining.
 .details-panel__icon {
   display: inline-flex;
   align-items: center;
   gap: 6px;
+  font-size: 12px;
+  color: #4a90e2;
   text-decoration: none;
-  color: inherit;
+
+  &:hover {
+    color: #2457ff;
+  }
 
   img {
     width: 24px;