diff --git a/src/features/online-board/components/OnlineBoardStartPage.scss b/src/features/online-board/components/OnlineBoardStartPage.scss
index 920bdad5..461383e3 100644
--- a/src/features/online-board/components/OnlineBoardStartPage.scss
+++ b/src/features/online-board/components/OnlineBoardStartPage.scss
@@ -62,7 +62,7 @@
 
   @media (max-width: vars.$media-breakpoint-mobile) {
     section.frame h2 {
-      padding: 20px;
+      padding: vars.$space-xl;
       font-size: fonts.$font-size-xl1;
       line-height: 28px;
       padding-bottom: 0px;
diff --git a/src/features/schedule/components/ScheduleStartPage.scss b/src/features/schedule/components/ScheduleStartPage.scss
index 8aa6a402..d1a53529 100644
--- a/src/features/schedule/components/ScheduleStartPage.scss
+++ b/src/features/schedule/components/ScheduleStartPage.scss
@@ -59,7 +59,7 @@
 
   @media (max-width: vars.$media-breakpoint-mobile) {
     section.frame h2 {
-      padding: 20px;
+      padding: vars.$space-xl;
       font-size: fonts.$font-size-xl1;
       line-height: 28px;
       padding-bottom: 0px;
diff --git a/src/ui/city-autocomplete/CityPickerPopup.scss b/src/ui/city-autocomplete/CityPickerPopup.scss
index 88f30c66..f1933d2a 100644
--- a/src/ui/city-autocomplete/CityPickerPopup.scss
+++ b/src/ui/city-autocomplete/CityPickerPopup.scss
@@ -18,7 +18,7 @@
 
     .tab-button {
       flex-grow: 1;
-      padding: 10px;
+      padding: vars.$space-m;
       background-color: colors.$blue-extra-light;
       border: none;
       border-right: 1px solid colors.$border-input;