diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index 4d99decd59..2542375f3b 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -1471,7 +1471,7 @@ img.calendar_print_button, img.calendar_print_appicon {
 	height: 1.6em;
 	padding: 4px 3px 3px;
 	background: #b4cee773;
-	border-radius: 3px;
+	border-radius: var(--sl-border-radius-medium, 3px);
 	min-width: fit-content;
 	border: 1px solid #d4d4d8;
 	text-align: center;
@@ -1533,7 +1533,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {width: 100%; height: 1
 	display: inline-block;
 	vertical-align: top;
 	border: 1px solid var(--sl-color-neutral-300);
-	border-radius: 3px;
+	border-radius: var(--sl-border-radius-medium, 3px);
 }
 .ui-toolbar-menulist et2-switch,
 .ui-toolbar-menulist et2-switch::part(base),
diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 83c47d2d7b..0cbcdacfe0 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -1441,7 +1441,7 @@ img.calendar_print_appicon {
   height: 1.6em;
   padding: 4px 3px 3px;
   background: #b4cee773;
-  border-radius: 3px;
+  border-radius: var(--sl-border-radius-medium, 3px);
   min-width: fit-content;
   border: 1px solid #d4d4d8;
   text-align: center;
@@ -1510,7 +1510,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {
   display: inline-block;
   vertical-align: top;
   border: 1px solid var(--sl-color-neutral-300);
-  border-radius: 3px;
+  border-radius: var(--sl-border-radius-medium, 3px);
 }
 .ui-toolbar-menulist et2-switch,
 .ui-toolbar-menulist et2-switch::part(base),
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 24ab91d5ca..a7f9a48325 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -1429,7 +1429,7 @@ img.calendar_print_appicon {
   height: 1.6em;
   padding: 4px 3px 3px;
   background: #b4cee773;
-  border-radius: 3px;
+  border-radius: var(--sl-border-radius-medium, 3px);
   min-width: fit-content;
   border: 1px solid #d4d4d8;
   text-align: center;
@@ -1498,7 +1498,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {
   display: inline-block;
   vertical-align: top;
   border: 1px solid var(--sl-color-neutral-300);
-  border-radius: 3px;
+  border-radius: var(--sl-border-radius-medium, 3px);
 }
 .ui-toolbar-menulist et2-switch,
 .ui-toolbar-menulist et2-switch::part(base),