From ddbc84f6ce399a113b1f1370a39039abb6e752be Mon Sep 17 00:00:00 2001
From: s-krishnaraju <112513258+s-krishnaraju@users.noreply.github.com>
Date: Tue, 2 Apr 2024 10:16:37 -0400
Subject: [PATCH] [MM-55272] Accessibility: Team Icon requires tabbing twice
 (#26572)

---
 .../src/components/team_sidebar/components/team_button.tsx  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/webapp/channels/src/components/team_sidebar/components/team_button.tsx b/webapp/channels/src/components/team_sidebar/components/team_button.tsx
index ac3ff52ce0..9d18982028 100644
--- a/webapp/channels/src/components/team_sidebar/components/team_button.tsx
+++ b/webapp/channels/src/components/team_sidebar/components/team_button.tsx
@@ -192,9 +192,9 @@ export default function TeamButton({
                         ref={provided.innerRef}
                         {...provided.draggableProps}
                         {...provided.dragHandleProps}
+                        tabIndex={-1}
                     >
                         <div
-
                             className={classNames([`team-container ${teamClass}`, {isDragging: snapshot.isDragging}])}
                         >
                             {teamButton}
@@ -205,7 +205,9 @@ export default function TeamButton({
             }}
         </Draggable>
     ) : (
-        <div className={`team-container ${teamClass}`}>
+        <div
+            className={`team-container ${teamClass}`}
+        >
             {teamButton}
             {orderIndicator}
         </div>