diff --git a/src/features/flights-map/components/FlightsMapStartPage.scss b/src/features/flights-map/components/FlightsMapStartPage.scss
index 8846b2b7..442f01d0 100644
--- a/src/features/flights-map/components/FlightsMapStartPage.scss
+++ b/src/features/flights-map/components/FlightsMapStartPage.scss
@@ -218,7 +218,7 @@
     display: inline-block;
     width: 36px;
     height: 20px;
-    background: #d0d5dd;
+    background: colors.$border;
     border-radius: 10px;
     position: relative;
     transition: background-color 150ms ease;
@@ -231,7 +231,7 @@
       left: 2px;
       width: 16px;
       height: 16px;
-      background: #fff;
+      background: colors.$white;
       border-radius: 50%;
       transition: transform 150ms ease;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
@@ -278,7 +278,7 @@
   box-shadow: none;
   padding: 0;
   font-family: 'Inter', 'Roboto', Arial, sans-serif;
-  color: #1f1f1f;
+  color: colors.$text-color;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1px;
diff --git a/src/features/online-board/components/OnlineBoardFilter.scss b/src/features/online-board/components/OnlineBoardFilter.scss
index 83fc97cc..9732d32a 100644
--- a/src/features/online-board/components/OnlineBoardFilter.scss
+++ b/src/features/online-board/components/OnlineBoardFilter.scss
@@ -213,7 +213,7 @@
       }
 
       .time-selector__label {
-        color: #333;
+        color: colors.$text-color;
         font-size: 12px;
         font-weight: 700;
         margin-bottom: 0;