diff --git a/src/features/flights-map/components/FlightsMapStartPage.scss b/src/features/flights-map/components/FlightsMapStartPage.scss
index e48c85bd..353b0bad 100644
--- a/src/features/flights-map/components/FlightsMapStartPage.scss
+++ b/src/features/flights-map/components/FlightsMapStartPage.scss
@@ -259,7 +259,7 @@
 // neutral gray so it reads as a glyph rather than a CTA.
 .flights-map-filter .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button {
   background: transparent !important;
-  border: 1px solid #e0e0e0 !important;
+  border: 1px solid colors.$border-input !important;
   border-left: none !important;
   color: colors.$light-gray !important;
   box-shadow: none !important;
diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss
index aef52898..f7fc2c3f 100644
--- a/src/ui/city-autocomplete/CityAutocomplete.scss
+++ b/src/ui/city-autocomplete/CityAutocomplete.scss
@@ -27,8 +27,8 @@
     position: relative;
     align-items: center;
     width: 100%;
-    box-shadow: 0 0 0 1px #e0e0e0;
-    border-radius: 4px;
+    box-shadow: 0 0 0 1px colors.$border-input;
+    border-radius: 3px;
 
     .p-autocomplete {
       flex: 1;
@@ -56,7 +56,7 @@
     }
 
     .city-autocomplete__search-button {
-      border-left: 1px solid #e0e0e0 !important;
+      border-left: 1px solid colors.$border-input !important;
     }
   }
 
@@ -84,7 +84,7 @@
 
     &:hover {
       background-color: #fff !important;
-      border-left-color: #e0e0e0 !important;
+      border-left-color: colors.$border-input !important;
     }
 
     &--opened {
diff --git a/src/ui/city-autocomplete/CityPickerPopup.scss b/src/ui/city-autocomplete/CityPickerPopup.scss
index cb1c9849..1187ce62 100644
--- a/src/ui/city-autocomplete/CityPickerPopup.scss
+++ b/src/ui/city-autocomplete/CityPickerPopup.scss
@@ -12,14 +12,14 @@
   .tabs {
     display: flex;
     align-items: stretch;
-    border-bottom: 1px solid #e0e0e0;
+    border-bottom: 1px solid colors.$border-input;
 
     .tab-button {
       flex-grow: 1;
       padding: 10px;
       background-color: #f3f9ff;
       border: none;
-      border-right: 1px solid #e0e0e0;
+      border-right: 1px solid colors.$border-input;
       color: #2457ff;
       font-weight: 700;
       font-size: 14px;
@@ -52,7 +52,7 @@
       padding: 4px 0;
 
       &.country-start-row {
-        border-top: 1px solid #e0e0e0;
+        border-top: 1px solid colors.$border-input;
         padding-top: 12px;
         margin-top: 8px;
 
@@ -105,7 +105,7 @@
 
   .city-autocomplete-popup-footer {
     background: #f3f9ff;
-    border-top: 1px solid #e0e0e0;
+    border-top: 1px solid colors.$border-input;
 
     .gps-contaner {
       padding: 16px;