diff --git a/packages/client/src/components/MkChatPreview.vue b/packages/client/src/components/MkChatPreview.vue
index 4acb1f8f00..135db0b262 100644
--- a/packages/client/src/components/MkChatPreview.vue
+++ b/packages/client/src/components/MkChatPreview.vue
@@ -81,10 +81,6 @@ function isMe(message): boolean {
 
 <style lang="scss" scoped>
 .rivslvers {
-	:not(.isMe):not(.isRead) {
-		background-color: var(--accentedBg);
-	}
-
 	> .message {
 		display: block;
 		text-decoration: none;
@@ -106,6 +102,10 @@ function isMe(message): boolean {
 			opacity: 0.8;
 		}
 
+		&:not(.isRead) {
+			background-color: var(--accentedBg);
+		}
+
 		&:after {
 			content: "";
 			display: block;