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