diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
index 5f4a68c14efb..8952a297ccb6 100644
--- a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
+++ b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
@@ -28,6 +28,12 @@
 		background-color: var(--color-dark-light);
 	}
 
+	&--unread {
+		& .sidebar-item__menu {
+			transition: margin 0.1s;
+		}
+	}
+
 	&--darken {
 		&:hover {
 			background-color: var(--sidebar-item-darken-hover-background);
@@ -133,8 +139,6 @@
 		margin: 0 -15px;
 		padding: 6px;
 
-		transition: margin 0.2s 0.3s;
-
 		&-icon {
 			fill: var(--color-white);
 		}