diff --git a/api/js/etemplate/Styles/bootstrap-icons.ts b/api/js/etemplate/Styles/bootstrap-icons.ts
index af27f649ac..15d9d45fea 100644
--- a/api/js/etemplate/Styles/bootstrap-icons.ts
+++ b/api/js/etemplate/Styles/bootstrap-icons.ts
@@ -17,7 +17,7 @@ export default css`
         font-variant: normal;
         text-transform: none;
         line-height: 1;
-        vertical-align: -.125em;
+		vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
     }
diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css
index 2d504641f1..7d5c207bcb 100644
--- a/pixelegg/css/fancy.css
+++ b/pixelegg/css/fancy.css
@@ -6830,6 +6830,11 @@ table.egwGridView_grid img.et2_appicon {
   --sl-color-gray-150: hsl(240, 4.9%, 92.5%);
   --track-width: 3px;
 }
+.bi::before,
+[class^="bi-"]::before,
+[class*=" bi-"]::before {
+  vertical-align: middle;
+}
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(0, 51, 102, 0.3);
   border-left: 4px solid #003366 !important;
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index a1ffc90fd8..1131f5a782 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -6833,6 +6833,11 @@ table.egwGridView_grid img.et2_appicon {
   --sl-color-gray-150: hsl(240, 4.9%, 92.5%);
   --track-width: 3px;
 }
+.bi::before,
+[class^="bi-"]::before,
+[class*=" bi-"]::before {
+  vertical-align: middle;
+}
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(0, 51, 102, 0.3);
   border-left: 4px solid #003366 !important;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 0cb5bc8071..eb74e92f2b 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -6823,6 +6823,11 @@ table.egwGridView_grid img.et2_appicon {
   --sl-color-gray-150: hsl(240, 4.9%, 92.5%);
   --track-width: 3px;
 }
+.bi::before,
+[class^="bi-"]::before,
+[class*=" bi-"]::before {
+  vertical-align: middle;
+}
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(0, 51, 102, 0.3);
   border-left: 4px solid #003366 !important;
diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less
index 99b5eb3744..8232e9ae70 100644
--- a/pixelegg/css/pixelegg.less
+++ b/pixelegg/css/pixelegg.less
@@ -31,6 +31,11 @@
 	--track-width: 3px;
 }
 
+.bi::before,
+[class^="bi-"]::before,
+[class*=" bi-"]::before {
+  vertical-align: middle;
+}
 // Addressbook
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@addressbook-color, 30%);
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index c8a0ea4b5a..851ed7c30c 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -6641,6 +6641,11 @@ span.egw_tutorial_title {
   --sl-color-gray-150: hsl(240, 4.9%, 92.5%);
   --track-width: 3px;
 }
+.bi::before,
+[class^="bi-"]::before,
+[class*=" bi-"]::before {
+  vertical-align: middle;
+}
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(0, 51, 102, 0.3);
   border-left: 4px solid #003366 !important;