diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
index 84f8ddded..5ca4ac178 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
@@ -171,7 +171,7 @@ limitations under the License.
 
 .mx_RoomTile.mx_RoomTile_noBadges .mx_RoomTile_badge.mx_RoomTile_badgeButton,
 .mx_RoomTile.mx_RoomTile_notificationStateMenu.mx_RoomTile_noBadges .mx_RoomTile_badge {
-    background-color: $preview-widget-bar-color;
+    background-color: $neutral-badge-color;
 }
 
 .mx_RoomTile_unreadNotify .mx_RoomTile_badge {
diff --git a/src/skins/vector/css/themes/_base.scss b/src/skins/vector/css/themes/_base.scss
index 476cf7e0b..db921034d 100644
--- a/src/skins/vector/css/themes/_base.scss
+++ b/src/skins/vector/css/themes/_base.scss
@@ -59,6 +59,8 @@ $lightbox-background-bg-color: #000;
 
 $greyed-fg-color: #888;
 
+$neutral-badge-color: #dbdbdb;
+
 $preview-widget-bar-color: #ddd;
 $preview-widget-fg-color: $greyed-fg-color;
 
diff --git a/src/skins/vector/css/themes/_dark.scss b/src/skins/vector/css/themes/_dark.scss
index 776da2824..4902724f2 100644
--- a/src/skins/vector/css/themes/_dark.scss
+++ b/src/skins/vector/css/themes/_dark.scss
@@ -59,6 +59,8 @@ $lightbox-background-bg-color: #000;
 
 $greyed-fg-color: #888;
 
+$neutral-badge-color: #888;
+
 $preview-widget-bar-color: $menu-bg-color;
 $preview-widget-fg-color: $greyed-fg-color;