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 7c2f47292676..761583896827 100644
--- a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
+++ b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
@@ -141,7 +141,7 @@
 
 	&__user-status {
 		flex: 0 0 auto;
-		
+
 		width: var(--sidebar-item-user-status-size);
 		height: var(--sidebar-item-user-status-size);
 
@@ -201,6 +201,15 @@
 		justify-content: space-between;
 	}
 
+	&__ellipsis {
+		overflow: hidden;
+
+		flex: 1;
+
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
 	&__name {
 		display: flex;
 
diff --git a/packages/rocketchat-ui-sidenav/client/sidebarItem.html b/packages/rocketchat-ui-sidenav/client/sidebarItem.html
index 91de8fc5e47d..b527528cf394 100644
--- a/packages/rocketchat-ui-sidenav/client/sidebarItem.html
+++ b/packages/rocketchat-ui-sidenav/client/sidebarItem.html
@@ -30,10 +30,12 @@
 									</div>
 								{{/if}}
 							{{/unless}}
-							{{name}}
-							{{#if mySelf}}
-								<span class="sidebar-item__me">({{_ "You"}})</span>
-							{{/if}}
+							<div class="sidebar-item__ellipsis">
+								{{name}}
+								{{#if mySelf}}
+									<span class="sidebar-item__me">({{_ "You"}})</span>
+								{{/if}}
+							</div>
 						</div>
 						{{#if isExtendedViewMode}}
 							{{#if lastMessageTs}}