diff --git a/src/components/Envelope.vue b/src/components/Envelope.vue
index 5104865860..6e51c5f311 100644
--- a/src/components/Envelope.vue
+++ b/src/components/Envelope.vue
@@ -12,6 +12,7 @@
 		:to="link"
 		:data-envelope-id="data.databaseId"
 		:title="addresses"
+		:active="isActive"
 		:details="formatted()"
 		@click="onClick">
 		<template #icon>
@@ -460,6 +461,9 @@ export default {
 				id: this.data.databaseId,
 			})
 		},
+		isActive() {
+			return parseInt(this.$route.params.threadId) === this.data.databaseId
+		},
 	},
 	methods: {
 		setSelected(value) {
@@ -647,10 +651,6 @@ export default {
 list-item-style.draft .app-content-list-item-line-two {
 	font-style: italic;
 }
-.list-item-style.active {
-	background-color: var(--color-primary-light);
-	border-radius: 16px;
-}
 
 .icon-reply,
 .icon-attachment {