Reduce tab item layout shift (#376)

* fix: tab item alignment

Remove unnecessary span element to make sure tab items are vertically
centered even if service names are hidden.

* fix: prevent active tab item label shift

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 2 insertions, 2 deletions

diff --git a/src/components/services/tabs/TabItem.js b/src/components/services/tabs/TabItem.js
index 9df07456c..dd5a80e67 100644
--- a/src/components/services/tabs/TabItem.js
+++ b/src/components/services/tabs/TabItem.js
@@ -322,7 +322,7 @@ class TabItem extends Component {
       service.isBadgeEnabled
     ) {
       notificationBadge = (
-        <span>
+        <>
           {service.unreadDirectMessageCount > 0 && (
             <span className="tab-item__message-count">
               {service.unreadDirectMessageCount}
@@ -336,7 +336,7 @@ class TabItem extends Component {
           {service.isHibernating && (
             <span className="tab-item__message-count hibernating">•</span>
           )}
-        </span>
+        </>
       );
     }