Fix tab bar border color

packages/rocketchat-lib/client/lib/RocketChatTabBar.js

@@ -42,6 +42,8 @@ RocketChatTabBar = class RocketChatTabBar {
 	}
 
 	open(button) {
+		this.state.set('opened');
+
 		if (button) {
 			if (typeof button !== 'object' || !button.id) {
 				button = RocketChat.TabBar.getButton(button);
@@ -54,10 +56,10 @@ RocketChatTabBar = class RocketChatTabBar {
 			this.template.set(button.template);
 		}
 
-		this.state.set('opened');
-
-		$('.flex-tab').find('input[type=text]:first').focus();
-		$('.flex-tab .content').scrollTop(0);
+		Tracker.afterFlush(() => {
+			$('.flex-tab').find('input[type=text]:first').focus();
+			$('.flex-tab .content').scrollTop(0);
+		});
 	}
 
 	close() {

packages/rocketchat-theme/client/imports/base.less

@@ -3314,7 +3314,7 @@ body:not(.is-cordova) {
 			}
 
 			&.active {
-				border-right: 3px solid;
+				border-width: 0 3px 0 0;
 
 				button {
 					margin-left: 3px;
@@ -4384,6 +4384,7 @@ body:not(.is-cordova) {
 		.flex-tab.opened {
 			position: absolute;
 			right: 40px;
+			border-width: 0 0 0 1px;
 		}
 	}
 }

packages/rocketchat-ui-flextab/flex-tab/flexTabBar.html

 <template name="flexTabBar">
-	<section class="flex-tab {{opened}}">
+	<section class="flex-tab border-component-color {{opened}}">
 		{{> Template.dynamic template=template data=flexData}}
 	</section>
 	<div class="flex-tab-bar" role="toolbar">