diff --git a/calendar/templates/mobile/edit.xet b/calendar/templates/mobile/edit.xet
index c5c4dec2c2..ae0c2cf300 100644
--- a/calendar/templates/mobile/edit.xet
+++ b/calendar/templates/mobile/edit.xet
@@ -194,8 +194,8 @@
 						<et2-button-icon  statustext="delete this entry" id="button[delete]" onclick="et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" span="all"></et2-button-icon>
 						<et2-button-icon  statustext="Find free timeslots where the selected participants are available for the given timespan"
 							id="freetime" label="Freetime" onclick="app.calendar.freetime_search" image="clock-history" noSubmit="true"></et2-button-icon>
-						<et2-checkbox  id="no_notifications" class="notification_check" toggleOn=" " toggleOff=" "></et2-checkbox>
-						<et2-textbox  type="hidden" id="delete_exceptions"></et2-textbox>
+                        <et2-button-toggle label="notifications" id="no_notifications" class="notification_check" onIcon="bell-fill" offIcon="bell-slash"/>
+                        <et2-textbox type="hidden" id="delete_exceptions"></et2-textbox>
 					</et2-hbox>
 				</row>
 				<row disabled="!@showsearchbuttons" class="dialogHeadbar">
diff --git a/infolog/templates/mobile/edit.xet b/infolog/templates/mobile/edit.xet
index 235525836e..bb5b53f222 100644
--- a/infolog/templates/mobile/edit.xet
+++ b/infolog/templates/mobile/edit.xet
@@ -141,7 +141,7 @@
 						<et2-button-icon  statustext="Apply the changes" id="button[apply]" image="apply"></et2-button-icon>
 						<et2-button-icon  statustext="delete this entry" id="button[delete]" onclick="if($cont[info_anz_subs]) return $cont[info_anz_subs]; et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" span="all"></et2-button-icon>
 						<et2-button-timestamp  statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" image="timesheet" target="info_des"></et2-button-timestamp>
-						<et2-switch  label="notifications" id="no_notifications" class="notification_check" toggleOn=" " toggleOff=" "/>
+                        <et2-button-toggle label="notifications" id="no_notifications" class="notification_check" onIcon="bell-fill" offIcon="bell-slash"/>
 						<et2-number  id="info_number" readonly="true" class="entry_id" precision="0"></et2-number>
 					</et2-hbox>
 				</row>
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 7042480867..1b4f1da3da 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -9085,6 +9085,18 @@ table.egwGridView_grid img.et2_appicon {
     background: transparent;
     border: transparent;
   }
+  body .dialogHeadbar et2-button-toggle {
+    --indicator-color: var(--sl-color-neutral-0);
+    font-size: 2.3em;
+  }
+  body .dialogHeadbar et2-button-toggle::part(form-control-label) {
+    position: absolute;
+    top: -100%;
+  }
+  body .dialogHeadbar et2-button-toggle::part(control) {
+    border: none;
+    background: none;
+  }
   body .dialogHeadbar button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) {
     -webkit-filter: brightness(0) invert(1) !important;
     filter: brightness(0) invert(1) !important;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 5c74508189..bf8903dd17 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -1292,6 +1292,21 @@
 			border: transparent;
 		  }
 
+		  et2-button-toggle {
+			--indicator-color: var(--sl-color-neutral-0);
+			font-size: 2.3em;
+
+			&::part(form-control-label) {
+			  position: absolute;
+			  top: -100%;
+			}
+
+			&::part(control) {
+			  border: none;
+			  background: none;
+			}
+		  }
+
 		  button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) {
 			.white-svg;
 			padding-right: 15px;