diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 2c4665fa49..f663c1dcc7 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4969,6 +4969,12 @@ td.message span.message {
 #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
   background-color: #f5455c;
 }
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection {
+  background-color: #E1E16D;
+}
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection:before {
+  content: "!";
+}
 #egw_fw_topmenu_info_items #topmenu_info_logout {
   background-image: url(../images/logout.svg);
 }
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index c0db53002b..c4d9d5ffb3 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -4958,6 +4958,12 @@ td.message span.message {
 #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
   background-color: #f5455c;
 }
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection {
+  background-color: #E1E16D;
+}
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection:before {
+  content: "!";
+}
 #egw_fw_topmenu_info_items #topmenu_info_logout {
   background-image: url(../images/logout.svg);
 }
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 9a9eefd710..ea70ec569f 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -4969,6 +4969,12 @@ td.message span.message {
 #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
   background-color: #f5455c;
 }
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection {
+  background-color: #E1E16D;
+}
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection:before {
+  content: "!";
+}
 #egw_fw_topmenu_info_items #topmenu_info_logout {
   background-image: url(../images/logout.svg);
 }
diff --git a/pixelegg/less/layout_raster_buttons.less b/pixelegg/less/layout_raster_buttons.less
index 9f72be1767..1745884ffc 100644
--- a/pixelegg/less/layout_raster_buttons.less
+++ b/pixelegg/less/layout_raster_buttons.less
@@ -86,6 +86,10 @@
 			span.busy {
 				background-color: #f5455c;
 			}
+			span.noconnection {
+				background-color: #E1E16D;
+				&:before {content:"!"}
+			}
 		}
 	}
 
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index d16a1984db..fc51e41288 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -4980,6 +4980,12 @@ td.message span.message {
 #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
   background-color: #f5455c;
 }
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection {
+  background-color: #E1E16D;
+}
+#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection:before {
+  content: "!";
+}
 #egw_fw_topmenu_info_items #topmenu_info_logout {
   background-image: url(../images/logout.svg);
 }