From 92c2738b94c92ac5599e0579f5ac3005b72e3467 Mon Sep 17 00:00:00 2001
From: Myrto Kontouli <myrto.kontouli@atomlearning.co.uk>
Date: Fri, 21 Apr 2023 16:50:07 +0100
Subject: [PATCH] fix: move left arrow in TabsTriggerList so always over list,
 negate tabIndex as not useful to tab on

---
 lib/src/components/tabs/TabsTriggerList.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/src/components/tabs/TabsTriggerList.tsx b/lib/src/components/tabs/TabsTriggerList.tsx
index 84f3a96ea..e80ed4479 100644
--- a/lib/src/components/tabs/TabsTriggerList.tsx
+++ b/lib/src/components/tabs/TabsTriggerList.tsx
@@ -88,6 +88,8 @@ export const TabsTriggerList: React.FC<
       {...colorScheme}
       {...rest}
     >
+      <StyledTriggerList ref={setListRefCallback}>{children}</StyledTriggerList>
+
       {canScrollLeft && (
         <StyledChevronActionIcon
           label="scroll left"
@@ -96,13 +98,12 @@ export const TabsTriggerList: React.FC<
             left: 0
           }}
           onClick={() => scrollList(-SCROLL_STEP)}
+          tabIndex={-1}
         >
           <Icon is={ChevronLeft} />
         </StyledChevronActionIcon>
       )}
 
-      <StyledTriggerList ref={setListRefCallback}>{children}</StyledTriggerList>
-
       {canScrollRight && (
         <StyledChevronActionIcon
           label="scroll right"
@@ -111,6 +112,7 @@ export const TabsTriggerList: React.FC<
             right: 0
           }}
           onClick={() => scrollList(SCROLL_STEP)}
+          tabIndex={-1}
         >
           <Icon is={ChevronRight} />
         </StyledChevronActionIcon>