diff --git a/packages/rocketchat-livechat/client/stylesheets/livechat.less b/packages/rocketchat-livechat/client/stylesheets/livechat.less
index afdb9d63f78db40e09391521088b609e471b4879..7c23ac7dd6c9a68306b546384395f5978033d382 100644
--- a/packages/rocketchat-livechat/client/stylesheets/livechat.less
+++ b/packages/rocketchat-livechat/client/stylesheets/livechat.less
@@ -418,8 +418,21 @@
 	li {
 		display: inline-block;
 		background-color: #DDD;
-		border-radius: 5px;
-		padding: 2px 7px;
+		border-radius: 10px;
+		padding: 2px 8px 2px 2px;
 		margin: 1px 0;
+		cursor: pointer;
+
+		.icon-plus-circled {
+			opacity: 0.5;
+			font-size: 0.8rem;
+		}
+	}
+}
+
+.agent-info {
+	input {
+		width: auto;
+		line-height: 24px;
 	}
 }
diff --git a/packages/rocketchat-livechat/client/views/app/livechatDepartmentForm.html b/packages/rocketchat-livechat/client/views/app/livechatDepartmentForm.html
index 3cd6adffd3bed0e16cb6524e08ee783c54047958..fccbaa7f071818e87b02d36fd87981cd83680d6a 100644
--- a/packages/rocketchat-livechat/client/views/app/livechatDepartmentForm.html
+++ b/packages/rocketchat-livechat/client/views/app/livechatDepartmentForm.html
@@ -30,7 +30,7 @@
 
 						<ul class="department-agents available-agents">
 							{{#each availableAgents}}
-								<li>{{username}}</li>
+								<li><i class="icon-plus-circled"></i>{{username}}</li>
 							{{/each}}
 						</ul>
 					</fieldset>