diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index a71abb67e4..cd6c94c82b 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -129,6 +129,7 @@
 }
 #calendar-toolbar > div {
 	display: flex;
+	align-items: center;
 }
 #calendar-toolbar #calendar-toolbar_add::part(base) {
 	border-style: hidden;
diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 9f837c946c..d8fc14b37d 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -142,6 +142,7 @@
 }
 #calendar-toolbar > div {
   display: flex;
+  align-items: center;
 }
 #calendar-toolbar #calendar-toolbar_add::part(base) {
   border-style: hidden;
@@ -1444,7 +1445,7 @@ img.calendar_print_appicon {
 /*weekend slideSwitch in toolbar*/
 #calendar-toolbar_app_header {
   color: #000;
-  font-size: 14px;
+  font-size: var(--sl-font-size-large);
   height: 1.6em;
   padding: 4px 3px 3px;
   background: #b4cee773;
@@ -2690,6 +2691,9 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
 #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > et2-description {
   width: calc(100% - 58px);
 }
+#calendar-toolbar {
+  margin-bottom: 0.3em;
+}
 #calendar-toolbar_toolbar et2-switch .label.on span.off {
   filter: opacity(0.4);
 }
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 22639f8be7..8467066f8e 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -130,6 +130,7 @@
 }
 #calendar-toolbar > div {
   display: flex;
+  align-items: center;
 }
 #calendar-toolbar #calendar-toolbar_add::part(base) {
   border-style: hidden;
@@ -1432,7 +1433,7 @@ img.calendar_print_appicon {
 /*weekend slideSwitch in toolbar*/
 #calendar-toolbar_app_header {
   color: #000;
-  font-size: 14px;
+  font-size: var(--sl-font-size-large);
   height: 1.6em;
   padding: 4px 3px 3px;
   background: #b4cee773;
@@ -2678,6 +2679,9 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
 #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > et2-description {
   width: calc(100% - 58px);
 }
+#calendar-toolbar {
+  margin-bottom: 0.3em;
+}
 #calendar-toolbar_toolbar et2-switch .label.on span.off {
   filter: opacity(0.4);
 }
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 8a509e2fab..d42c656738 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -1121,6 +1121,10 @@ div#calendar-container {
 		.calendar_calGridHeader  > et2-description {width:~"calc(100% - 58px)";}
 	}
 }
+
+#calendar-toolbar {
+  margin-bottom: 0.3em;
+}
 #calendar-toolbar_toolbar {
 	et2-switch .label.on {
 		span.off {