diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css
index 42a030f221..b0e5281984 100644
--- a/pixelegg/css/fancy.css
+++ b/pixelegg/css/fancy.css
@@ -4844,14 +4844,24 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 13px;
   font-weight: normal;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
-  background-repeat: no-repeat;
-  background-position: left center;
-  background-size: 12px;
+}
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -0.125em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\f231 ";
+  /* caret-right-fill */
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   padding-bottom: 2px;
@@ -4870,7 +4880,6 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
   color: #f2f2f2;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
   line-height: 1em;
   font-size: 12px;
   background-size: 12px;
@@ -4896,6 +4905,11 @@ body.scrollVertical {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background-color: inherit;
 }
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
+  content: "\f229 ";
+  /* caret-down-fill */
+}
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
   background-color: #408DD2;
   -webkit-transition: all 0.2s ease-out;
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 50c369006a..e1430e70b6 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4847,14 +4847,24 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 13px;
   font-weight: normal;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
-  background-repeat: no-repeat;
-  background-position: left center;
-  background-size: 12px;
+}
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -0.125em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\f231 ";
+  /* caret-right-fill */
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   padding-bottom: 2px;
@@ -4873,7 +4883,6 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
   color: #f2f2f2;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
   line-height: 1em;
   font-size: 12px;
   background-size: 12px;
@@ -4899,6 +4908,11 @@ body.scrollVertical {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background-color: inherit;
 }
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
+  content: "\f229 ";
+  /* caret-down-fill */
+}
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
   background-color: #408DD2;
   -webkit-transition: all 0.2s ease-out;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 8f85e92994..d47e6872ff 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -4826,14 +4826,24 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 13px;
   font-weight: normal;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
-  background-repeat: no-repeat;
-  background-position: left center;
-  background-size: 12px;
+}
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -0.125em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\f231 ";
+  /* caret-right-fill */
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   padding-bottom: 2px;
@@ -4852,7 +4862,6 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
   color: #f2f2f2;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
   line-height: 1em;
   font-size: 12px;
   background-size: 12px;
@@ -4878,6 +4887,11 @@ body.scrollVertical {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background-color: inherit;
 }
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
+  content: "\f229 ";
+  /* caret-down-fill */
+}
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
   background-color: #408DD2;
   -webkit-transition: all 0.2s ease-out;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 1c886effc2..a62b8f9604 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -4837,14 +4837,24 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 13px;
   font-weight: normal;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
-  background-repeat: no-repeat;
-  background-position: left center;
-  background-size: 12px;
+}
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -0.125em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\f231 ";
+  /* caret-right-fill */
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   padding-bottom: 2px;
@@ -4863,7 +4873,6 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
   color: #f2f2f2;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
   line-height: 1em;
   font-size: 12px;
   background-size: 12px;
@@ -4889,6 +4898,11 @@ body.scrollVertical {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background-color: inherit;
 }
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
+  content: "\f229 ";
+  /* caret-down-fill */
+}
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
   background-color: #408DD2;
   -webkit-transition: all 0.2s ease-out;
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 4b85d8b333..4e3d0c112d 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -4858,14 +4858,24 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 13px;
   font-weight: normal;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
-  background-repeat: no-repeat;
-  background-position: left center;
-  background-size: 12px;
+}
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -0.125em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\f231 ";
+  /* caret-right-fill */
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
   padding-bottom: 2px;
@@ -4884,7 +4894,6 @@ body.scrollVertical {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1,
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
   color: #f2f2f2;
-  background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
   line-height: 1em;
   font-size: 12px;
   background-size: 12px;
@@ -4910,6 +4919,11 @@ body.scrollVertical {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background-color: inherit;
 }
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before,
+#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
+  content: "\f229 ";
+  /* caret-down-fill */
+}
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
   background-color: #408DD2;
   -webkit-transition: all 0.2s ease-out;